無法獲得.table-striped類的工作

Question

我無法讓我的表條帶類與我的Bootstrap框架一起工作。

這裏是我的表的實時預覽。我在HTML中設置了.table-striped類，但它不顯示在輸出中。

我在做什麼錯？

Answer 1

您的網址有誤。你有一個tbody標籤的每一行，但對.table-striped的CSS依靠tr:nth-child()以不同風格行：

.table-striped tbody > tr:nth-child(odd) > td, 
.table-striped tbody > tr:nth-child(odd) > th 

修復你的HTML，讓你有一個TBODY來遍歷。

另外，我在資源中看到了bootstrap.css和bootstrap.min.css。一個就足夠了。

Answer 2

問題在於你的表格標記。您將每行都用tbody標籤包裝，並根據bootstrap文檔：

向通過：nth-​​child CSS選擇器（不適用於IE7-8）中的任何表格行添加斑馬條紋。

所以，如果你通過並刪除所有的tbody標籤，以便在表體的開始處只有一個標籤，並且一個在最後，它應該按預期工作。

Answer 3

只是一個額外的信息，該NG重複應該是：

<tr> inside <tbody>: 

<table class="table table-striped"> 
    <thead> 
     <tr> 
      <th class="col-md-1"></th> 
      <th class="col-md-5"></th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr ng-repeat="v1 in v"> 
      <td><span class="glyphicon glyphicon-trash"/></td> 
      <td>{{v1.name}}</td> 
     </tr> 
    </tbody> 
</table>