隐藏表行而不调整列大小或破坏布局

时间:2009-09-02 12:51:18

标签: javascript html css cross-browser

我想折叠一个表,以便隐藏一些行。

我想保持列的大小,以便在隐藏行时不会跳跃(如果使用display:none,则会发生这种情况;实际上,表格宽度也会发生变化)。

当窗口大小发生变化时,我还希望表能够重排,这样一个充满数据的表就会占用用户愿意提供的空间。

visibility: collapse; 

为我做了所有这些,但这在IE中不起作用(甚至不是IE8; 100%兼容,我们是微软吗?)。

Hiding table rows without resizing overall width 在IE中工作,但修复了表格大小,以便它不再重排。

那里有更好的解决方案,还是我应该放弃这个?

1 个答案:

答案 0 :(得分:0)

获取在IE中有效的示例代码,并添加一些代码来检测onresize。

您可以根据原始表格大小进行计算,也可以删除限制,快速取消隐藏,然后回复隐藏代码。