如何在表中隐藏行（不显示：无）

Question

我需要在html表中隐藏行。但我不能使用属性display: none。 原因 - 我们将tablesorter插件与小部件staticRow和scroller一起使用，当我们使用display: none隐藏行时，我们会遇到标题和表格单元格中宽度不正确的问题。

我们发现问题出在display: none。我们尝试使用几个属性中的set来隐藏行

tr.hide, tr.hide td {
    visibility: hidden;
    height: 0;
    line-height: 0;
    font-size: 0;
    padding 0; 
}

但是这行仍然有高度（不像表中的其他单元格那么大，但仍然有）。

我向jsfiddle添加了两个示例（首先 - 我上面添加了类，第二个 - display:none），你可以看到差异。

UPD：我添加了

box-sizing: border-box;

最重要的是解决了我的问题，但仍然存在1-2个像素而不是空行。

UPD2：border-spacing: 0表删除了这个额外的间距

Answer 1

我不确定这是否是你想要的，但你可以为表添加属性cellspacing="0"。使用css，你可以使用。

#second_table { border-spacing:0;}