2017-07-06 122 views
0

我基本上想刷新表中的數據。第一個實例化工作得很好,但在刪除和重新獲取數據後沒有運氣。刪除和重新填充boostrap表

html

<table id="tablePendByOrg" class="table table-bordered table-hover table-condensed table-striped"> 
         <thead> 
          <tr> 
           <th data-field="Date">Time</th> 
           <th data-field="Organization">Org</th> 
           <th data-field="f24hs"><24Hs</th> 
           <th data-field="f48Hs"><48Hs</th> 
           <th data-field="f48Hs">>48Hs</th> 
           <th data-field="fTotal">Total</th> 
          </tr> 
         </thead> 
        </table> 

js AJAX調用後填充。

$('#tablePendByOrg').bootstrapTable({   
    data: d.Table 
}); 

js刪除數據

$("#tablePendByOrg tbody tr").remove(); 

和新的調用Ajax代碼後,我在d.Table得到正確的數據,但沒有tbody都出現在頁面上,就在誣陷th我從開始設置。

回答

1

因爲它們描述:

$table = $('#tablePendByOrg'); 
$table.bootstrapTable('load', data); // removes old data, no need to remove it by yourself 

也是拆卸□所有項目沒有做像你一樣:

$( 「#tablePendByOrg TBODY TR」)刪除();

使用:

$table.bootstrapTable('removeAll'); 
+0

就是這樣,謝謝先生 –