最近在开发项目,使用到了datatables.js,有一个功能是动态删除某一行,类似于Ajax的局部刷新,
<table class="table table-bordered text-center" id="dataTable" width="100%" cellspacing="0">
<thead>
<tr>
<th>用户id</th>
<th>用户名</th>
<th>角色</th>
<th>文章数</th>
<th>关注数</th>
<th>粉丝数</th>
<th>注册时间</th>
<th>状态</th>
<th>个人主页</th>
<th>操作</th>
</tr>
</thead>
<tbody>
</tbod
</table>
可以使用如下代码:
var table = $('#dataTable').DataTable();
table.row($(this).parents('tr')).remove().draw();
动态更新可以使用:
var table = $('#dataTable').DataTable();
var d = table.row(this).data();
d.counter++;
table.row(this).data(d).draw();
参考: https://datatables.net/reference/api/row().data()