IE8でのTABLEのバグ

プログラミング web

少し前に確認したIE8でのTABLEのバグについてメモ。

<html>
<head>（略）</head>

<body>
<table>
    <tr>
        <th>要素１</th>
        <th>要素２</th>
        <th>要素３</th>
        ：
        （中略）
        ：
        <th>要素９９８</th>
        <th>要素９９９</th>
        <th>要素１０００</th>
    </tr>
</table>
</body>
</html>

のように、TRタグ内に1000個の要素（THでもTDでも）を作成します。
この場合は普通にテーブルが表示されます。


しかし、さらに1001個目の要素を追加すると…テーブルが表示されなくなります。。。
上記のように直接書いてもjavascriptで要素を追加していっても、1001個以上になると表示されません。
ざっと確認したところIE8だけで起こる現象で、IE9やIE7では起きないみたいです（IE10は未確認）。


まぁ…表形式の表示を行うときは、TABLEタグではなくDIVタグを使いましょうということで。