表:td跨越实际存在的更多cols的影响

时间:2012-10-31 12:43:10

标签: html html-table

我必须使用的项目使用了许多可以隐藏任意数量列的表格,并且“页脚”单元格将跨越固定数量的列。因此,如果一个表有10个cols,则隐藏2个('display:none'),最后一行有一个跨越10的单元格。(sample fiddle here)。

我抱怨这是因为它'错了',现在我发现自己做的事与完全相同,因为实际原因。所以我看了小提琴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>​

1 个答案:

答案 0 :(得分:1)

这不是你问题的答案,而更像是一个“答案”。

我在同一个挑战中创建了一个表格中有很多隐藏单元格/行的表单,我觉得我使用表格失去了一些控制权,所以我用div制作了表格。使用div,我可以完全控制隐藏或不隐藏某些内容时发生的事情。