私が使用しなければならないプロジェクトでは、任意の数の列を非表示にできる多くのテーブルを使用し、「フッター」tdセルはそれらの固定量にまたがります。したがって、テーブルに10個の列がある場合、2個は非表示になり('display:none')、最後の行には10個にまたがるセルがあります(サンプルのフィドルはこちら)。
これは「間違っている」ので不平を言っていますが、実際的な理由から、トレードオフとまったく同じことをしていることに気づきました。だから私はフィドルxrossブラウザを見ました、そしてそれは「うまくいく」ようです(私がサポートしなければならないIE7が含まれています)。
そのような実践の考えられる影響は何ですか?
<style type="text/css">
.hidden{ display:none; }
</style>
<table border="1">
<tr>
<td class="header"> header 1</td>
<td class="header hidden"> header 2</td>
<td class="header"> header 3</td>
<td class="header"> header 4</td>
</tr>
<tr>
<td class="cell"> cell 1</td>
<td class="cell hidden"> cell 2</td>
<td class="cell"> cell 3</td>
<td class="cell"> cell 4</td>
</tr>
<tr>
<td colspan="4">
odd ball
</td>
</tr>
</table>