当前位置：首页 > 行业动态 > 正文

html如何把tr隐藏

admin
行业动态
2024-03-31
2

在HTML中，可以使用CSS样式来隐藏<tr>元素，具体操作如下：

1、为需要隐藏的<tr>元素添加一个类名，例如hiddenrow。

2、在CSS样式表中，为该类名添加display: none;属性，以隐藏该元素。

示例代码：

<!DOCTYPE html>
<html>
<head>
<style>
  .hiddenrow {
    display: none;
  }
</style>
</head>
<body>
<table border="1">
  <tr>
    <th>标题1</th>
    <th>标题2</th>
  </tr>
  <tr >
    <td>数据1</td>
    <td>数据2</td>
  </tr>
  <tr>
    <td>数据3</td>
    <td>数据4</td>
  </tr>
</table>
</body>
</html>

在这个示例中，我们创建了一个包含两行数据的表格，第一行是表头，第二行是一个带有类名hiddenrow的隐藏行，通过在CSS样式表中为.hiddenrow添加display: none;属性，我们可以隐藏这个<tr>元素。