ブートストラップテーブルストライプが適用されます

Question

laravelにブートストラップhtmlでテーブルを作成し、その一部がJavaスクリプトにあります。私のブラウザではテーブルは正しいですが、ブートストラップスタイルは機能していません。私はこの側面の別のテーブルをHTMLで完全に構築し、ブートストラップデザインがあります。ここ は私の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の挿入が正しくありませんか？

Answer 1

あなたはJSスルー作成しているテーブル構造が正しくない（あなたはTHEAD要素にTHさんを追加している、TBODY要素にTDS） - これを試してみてください。

$('#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); 
}); 

Answer 2

ブートストラップのように、両方のCSSに依存JS。スクリプトは通常スタイルの後に読み込まれるので、ページDOMのレンダリングの後ではなく、テーブル要素の内側でdocument.write()を使用してください。私は間違っているかもしれませんが、それがここに当てはまるかもしれません。