引導表條紋應用

我使用bootstrap html在laravel中創建一個表，並且一部分位於java腳本中。該表在我的瀏覽器中是正確的，但引導樣式不起作用。我完全用html構建了另一個表格，並且有bootstrap設計。這裏是我的html引導表條紋應用

<table class="table table-striped" id="myTable"> 
</table>

，這裏是我的Java腳本部分

$.get('/spieler-table?teamID=' + teamID, function(data){ 
      $('#myTable').empty(); 
      $('#myTable').append('<thead><tr>'); 
      $('#myTable').append('<th>Name</th>'); 
      $('#myTable').append('<th>Tore</th>'); 
      $('#myTable').append('</tr></thead>'); 
      $('#myTable').append('<tbody></tbody>'); 
      $.each(data, function(index, valueAusData){ 
       $('#myTable tbody').append('<tr>'); 
       $('#myTable tbody').append('<td>' + valueAusData.Spieler_Name + '</td>'); 
       $('#myTable tbody').append('<td>' + valueAusData.Tore + '</td>'); 
       $('#myTable tbody').append('</tr>'); 
      }); 
     });

也許在TBODY插入不正確？

來源

2017-08-10 HansMuff

看看這個問題上接受的答案，看看它是否可以幫助你：[如何將樣式表應用到動態創建的元素？]（https://stackoverflow.com/questions/32069178/how-to-apply-style片層到動態創建的元素） – Kevin

您正在創建直通JS表結構不正確（要追加TH的到THEAD元素，TDS到TBODY元素） - 試試這個：

$('#myTable').empty(); 
$('#myTable').append('<thead><tr>'); 
$('#myTable thead tr').append('<th>Name</th>'); 
$('#myTable thead tr').append('<th>Tore</th>'); 
$('#myTable').append('</tr></thead>'); 
$('#myTable').append('<tbody></tbody>'); 

$.each(data, function(index, valueAusData) { 
     var row = '<tr><td>' + valueAusData.Spieler_Name + '</td><td>' + valueAusData.Tore + '</td></tr>'; 
     $('#myTable tbody').append(row); 
});

來源

2017-08-10 18:23:26 combatc2

引導取決於兩個CSS作爲JS。由於腳本通常在樣式之後加載，因此您應該在表格元素內部使用document.write()，而不是在頁面DOM中呈現它之後。我可能是錯的，但這可能是這種情況。

來源

2017-08-10 18:26:08 Tiramonium

引導表條紋應用

回答

相關問題