css – 隐藏表数据使用

前端之家收集整理的这篇文章主要介绍了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>
原文链接:https://www.f2er.com/css/218696.html

猜你在找的CSS相关文章