删除并重新填充boostrapTable

时间:2017-07-06 12:43:08

标签: javascript jquery bootstrap-table

我基本上想要刷新表中的数据。第一个实例化工作正常,但在删除和重新获取数据后没有运气。

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 个答案:

答案 0 :(得分:1)

正如他们所描述的那样:

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

还要删除所有项目,如下所示:

$(“#tablePendByOrg tbody tr”)。remove();

使用:

$table.bootstrapTable('removeAll');