css – 隐藏表数据使用

所以，我已经隐藏了这样的整个表，工作正常：

<div style="display:none">
<table>
<tr><th>Test Table</th><tr>
<tr><td>123456789</td><tr>
<tr><td>123456789</td><tr>
<tr><td>123456789</td><tr>
</table>
</div>

但是我想隐藏一组像这样的行：

<table>
<tr><th>Test Table</th><tr>
<div style="display:none">
<tr><td>123456789</td><tr>
<tr><td>123456789</td><tr>
<tr><td>123456789</td><tr>
</div>
</table>

但这不行。任何提示？

解决方法

只需将样式属性应用到tr标签。在多个tr标签的情况下，您必须将样式应用于每个元素，或将其包装在tbody标签中：

<table>
  <tr><th>Test Table</th><tr>
  <tbody style="display:none">
    <tr><td>123456789</td><tr>
    <tr><td>123456789</td><tr>
    <tr><td>123456789</td><tr>
  </tbody>
</table>