jquery - Show() 和隐藏表行

Question

我有一个包含一些隐藏行的表格和一个显示这些隐藏行的可点击按钮。问题是，当我使用链接时，行会显示出来，但正文不会更新其高度。 (但是当我打开 chrome 控制台并关闭它时它会更新)

CSS:

table tr.hide-row {
   display:none;
}

j查询:

$(document).on('click', 'a.openallrows', function(e) {
    $('.hide-row').show();
    e.preventDefault();
});

html

<table>
    <tbody>
        <tr>
            <td colspan="4">visible</td>
        </tr>
        <tr class="hide-row">
            <td>This is hidden</td>
            <td>-</td>
            <td>--</td>
            <td>---</td>
        </tr>
    </tbody>
</table>

我有很多隐藏行。当它们全部显示时，它们与页脚重叠，这不是我想要的......

更新!

<div class="grid" style="width: 272.5px; left: 0px; top: 10px; position: absolute;">
     table is inside here  
</div>

表格位于具有绝对位置的网格内!位置由 BlocksIt.js 自动添加

Answer 1

试试这个CSS代码

table{
height:auto !important;
}