本教程操作环境：windows7系统、css3&&html5版、dell g3电脑。
我们有下面一个表格：
<table border="1"> <tr> <th>姓名</th> <th>年龄</th> </tr> <tr> <td>peter</td> <td>20</td> </tr> <tr> <td>lois</td> <td>20</td> </tr> <tr> <td>lois</td> <td>20</td> </tr> <tr> <td>peter</td> <td>20</td> </tr></table>
想要隐藏html表格的内容要怎么做？下面给大家介绍几种方法。
1、给表格元素设置hidden属性
<table border="1"> <tr> <th>姓名</th> <th>年龄</th> </tr> <tr hidden="hidden"> <td>peter1</td> <td>20</td> </tr> <tr> <td>lois1</td> <td hidden="hidden">20</td> </tr> <tr> <td>peter2</td> <td>20</td> </tr> <tr> <td>lois2</td> <td>20</td> </tr> </table>
2、给表格元素添加display: none;样式
<table border="1"> <tr> <th>姓名</th> <th>年龄</th> </tr> <tr> <td>peter1</td> <td style="display: none;">20</td> </tr> <tr style="display: none;"> <td>lois1</td> <td>20</td> </tr> <tr> <td>peter2</td> <td>20</td> </tr> <tr> <td>lois2</td> <td>20</td> </tr></table>
推荐教程：《html视频教程》
以上就是html表格怎么隐藏内容的详细内容。