jquery DataTables动态更新某一行某一列的值

it2023-08-04  211

1、首先定义一个DataTable对象,如下代码:

var datas = $('#datas').DataTable({ buttons: [ { extend: 'print', className: 'btn dark btn-outline',exportOptions: {columns: [ 0, 1, 2,3,4,5,6,7 ] }}, { extend: 'copy', className: 'btn red btn-outline',exportOptions: {columns: [ 0, 1, 2,3,4,5,6,7] }}, { extend: 'pdf', className: 'btn green btn-outline',exportOptions: {columns: [ 0, 1, 2,3,4,5,6,7 ] }}, { extend: 'excel', className: 'btn yellow btn-outline ',exportOptions: {columns: [ 0, 1, 2,3,4,5,6,7 ] }}, { extend: 'csv', className: 'btn purple btn-outline ',bom:true,exportOptions: {columns: [ 0, 1, 2,3,4,5,6,7 ] }} ], searching:true, });

2、通过以下方式获得某一行的数据,其中0表示按照那一列,context 表示要从这个表中查找的内容,比如第一行第一列的值为1,那么返回的index值就是0,然后在根据行索引来获得这一行的数据:

var index = datas.column(0).data().indexOf( context ); var row = datas.row(index).data();

3、修改row中的值,并更新到表格中,如下:

row[5]="111111111"; row[6]="111111111"; row[7]="111111111"; datas.row(index).data(row).draw();

row是更新后的值,然后在调用draw即可。

最新回复(0)