动态更新和删除datatables.js图表的某一行

最近在开发项目,使用到了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()

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值