Question

我想隐藏<tr>，当我在下面对<td>进行操作时起作用，但是对于<tr>却不起作用，我如何隐藏<tr>？

<td style="display:none">Eve</td> -- works

<tr style='display:none'>
                    <%# DataBinder.Eval(Container.DataItem, "HighlightedTextSearch")%>
                         </tr> -- does not work

Answer 1

display:none在表行上工作正常：

<table>
  <tr style="display:none">
    <td>This will not be visible</td>
  </tr>
</table>

您的问题是您没有将内容包装在<td>中，因此它完全被撞到桌子外面，因此不受tr样式的控制：

table {border: 1px solid}

<table>
<tr style="display:none">
This is invalid HTML, because it's not inside a table cell.
Note that this sentence is displayed *before* the table rather than inside it.
</tr>
</table>

Answer 2

tr上的显示均不起作用。请参见下面的演示中的第2行：

<table>
  <tr>
    <td style="display:none">row 1</td>
    <td>row 1</td>
  </tr>

  <tr style='display:none'>
    <td>row 2</td>
    <td>row 2</td>
  </tr>

  <tr>
    <td>row 3</td>
    <td>row 3</td>
  </tr>

</table>

隐藏样式显示：无用

2 个答案: