ヘッダ1 | ヘッダ2です | ヘッダ3 | ヘッダ4 |
---|---|---|---|
1あいうえお | かきくけこ | さしすせそ | たちつてと |
2あいうえお | かきくけこ | さしすせそ | たちつてと |
3あいうえお | かきくけこ | さしすせそ | たちつてと |
4あいうえお | かきくけこ | さしすせそ | たちつてと |
5あいうえお | かきくけこ | さしすせそ | たちつてと |
6あいうえお | かきくけこ | さしすせそ | たちつてと |
7あいうえお | かきくけこ | さしすせそ | たちつてと |
8あいうえお | かきくけこ | さしすせそ | たちつてと |
上のテーブルと下のテーブルはid以外、全く同じhtmlです。
JavascriptによりTHEAD部とTBODY部を二つのテーブルに分割し、別々のDIVブロックに収めています。
ヘッダ1 | ヘッダ2です | ヘッダ3 | ヘッダ4 |
---|---|---|---|
1あいうえお | かきくけこ | さしすせそ | たちつてと |
2あいうえお | かきくけこ | さしすせそ | たちつてと |
3あいうえお | かきくけこ | さしすせそ | たちつてと |
4あいうえお | かきくけこ | さしすせそ | たちつてと |
5あいうえお | かきくけこ | さしすせそ | たちつてと |
6あいうえお | かきくけこ | さしすせそ | たちつてと |
7あいうえお | かきくけこ | さしすせそ | たちつてと |
8あいうえお | かきくけこ | さしすせそ | たちつてと |