Question

我有一个表中有一行tableheaders。该表的高度为195px，当渲染（js / jquery）时，第一行会拉伸表的整个高度。如何使表格行保持默认高度？我已经尝试过使用tr：first-child静态设置高度，但它无法正常工作。

<table class="tabled">
<tr>
    <th>Header 1</th>
    <th>Header 2</th>
</tr>
</table>

<style>.tabled { height: 195px; } .tabled tr:first-child {20px; }</style>

当<tr>是表格中唯一的一行时，此{{1}}会拉伸整个195px。

Answer 1

您可以通过将一个类应用于标题行

来设置CSS的高度

<table class="tabled">
<tr class="header">
    <th>Header 1</th>
    <th>Header 2</th>
</tr>
</table>

<style>.tabled { height: 195px; } .header { height: 20px; }</style>

表高度，一行拉伸行高

1 个答案: