2017-07-06 84 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

就是这样,谢谢先生 –