datatables 更新选中行的一行数据

最新推荐文章于 2023-06-30 21:17:52 发布

原创最新推荐文章于 2023-06-30 21:17:52 发布 · 2.4k 阅读

2 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

20 篇文章

订阅专栏

本文介绍如何使用Datatables.js库更新表格中的行数据。通过示例代码展示如何获取选中行的数据，修改数据并重新绘制表格。适用于需要动态更新表格内容的Web应用。

var d = table.row('.selected').data();
 d.columns = 'Your-Data';
table.rows('.selected').invalidate();
table.rows('.selected').data(d).draw();

注： d.colums 为，datatables 表中某列的键（key）值

参考: https://datatables.net/reference/api/row().data()

var table = $('#example').DataTable();
 
$('#example tbody').on( 'click', 'tr', function () {
    var d = table.row( this ).data();
     
    d.counter++;
 
    table
        .row( this )
        .data( d )
        .draw();
} );
 
// Note that row().invalidate() could also be used for this example case