隱藏表格行使用CSS

Question

是否可以隱藏表格行使用CSS，我有一個需要這個概念的項目。 這裏是我的代碼：

的style.css：

#hide-row { display:none; } 

file.php

<table> 
    <tr> 
     <th>Name</th> 
     <th>Address</th> 
    </tr> 
    <div id="hide-row"> 
    <?php foreach($cops as $row) { ?> 
     <tr> 
      <td><?php echo $row->name; ?></td> 
      <td><?php echo $row->address; ?></td> 
     </tr> 
    <?php } ?> 
    </div> 
</table> 

但是，它沒有工作，記錄仍然會出現。任何人都可以幫助解決這個問題？ 任何幫助將不勝感激。感謝您進階！

Answer 1

使用，而不是一個ID類：

.hide-row { display:none; } 

而在你的HTML/PHP文件：

<table> 
    <tr> 
     <th>Name</th> 
     <th>Address</th> 
    </tr> 
    <?php foreach($cops as $row) { ?> 
     <tr class="hide-row"> 
      <td><?php echo $row->name; ?></td> 
      <td><?php echo $row->address; ?></td> 
     </tr> 
    <?php } ?> 
</table> 

如果你將你行，你可以使用一個tbody標籤，而不是div標籤。

Can we have multiple <tbody> in same <table>?

.hide-row tr { display:none; } 

而在你的HTML/PHP文件：

<table> 
    <tr> 
     <th>Name</th> 
     <th>Address</th> 
    </tr> 
    <tbody class="hide-row"> 
    <?php foreach($cops as $row) { ?> 
     <tr> 
      <td><?php echo $row->name; ?></td> 
      <td><?php echo $row->address; ?></td> 
     </tr> 
    <?php } ?> 
    </tbody> 
</table> 

Answer 2

不能嵌套一個div直接在table標籤內。你必須給你的行上課，然後隱藏它。喜歡的東西：

.hidden { 
    display: none; 
} 

<?php foreach($cops as $row) { ?> 
    <tr class="hidden"> 
     <td><?php echo $row->name; ?></td> 
     <td><?php echo $row->address; ?></td> 
    </tr> 
<?php } ?> 

Answer 3

你不能有<div>外<tr> ..給類<tr>和隱藏that..no需要創建一個圍繞它<div>

HTML

<tr class="hide-row"> 
     <td><?php echo $row->name; ?></td> 
     <td><?php echo $row->address; ?></td> 
    </tr> 

style.css

.hide-row { display:none; } 

Answer 4

我會給你想要隱藏一個hide-row類的每一行：然後

<tr class="hide-row"> 

你的CSS看起來像：

tr.hide-row { display: none; } 

這就意味着你不需要div嵌套。

Answer 5

您不能將div作爲<表>元素的直接子元素。要隱藏單行請參閱jantimon的答案。如果您希望將多個行使用< TBODY>：

CSS

.hide-row { display:none; } 

PHP

<table> 
    <tr> 
     <th>Name</th> 
     <th>Address</th> 
    </tr> 
    <tbody class="hide-row"> 
     <?php foreach($cops as $row) { ?> 
      <tr> 
       <td><?php echo $row->name; ?></td> 
       <td><?php echo $row->address; ?></td> 
      </tr> 
     <?php } ?> 
    </tbody> 
</table>