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

Question

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

我想保持列的大小，这样当你隐藏行时它们就不会跳跃（如果你使用 display: none 就会发生这种情况；事实上，表格宽度也可以改变）。

我还希望在更改窗口大小时重新排列表格，以便充满数据的表格使用用户愿意提供的尽可能多的空间。

visibility: collapse; 

这一切都为我做，但这在 IE 中不起作用（甚至 IE8；100% 兼容，对吗，微软？）。

Hiding table rows without resizing overall width 确实在 IE 中工作，但修复了表格大小，使其不再重排。

有没有更好的解决方案，还是我应该放弃这个？

Answer 1

以在 IE 中工作的示例代码并添加一些代码来检测 onresize。

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