动态更改列数据dataTables

时间:2016-05-20 16:54:58

标签: javascript jquery datatable datatables

http://jsfiddle.net/c3coukLz/

t = $('#example').DataTable();
$('tbody tr').click(function() {
  $(this).find('td:last').text('B');

  //get back data
  var tr = $(this);
  var row = t.row(tr); // worked!
  console.log(row.data()); // won't work
});

一切似乎都有效但是当我执行row.data()时,它让我在DOM操作之前将旧数据恢复。似乎我必须以某种方式“更新”数据表。如何使用jquery以编程方式操作列数据?

1 个答案:

答案 0 :(得分:2)

您可以使用cell来更改数据。指示要修改的单元格的行和列。使用data分配新值,使用draw刷新表格。

试用此代码:

$('#example tbody').on( 'click', 'tr', function () {
   //get back data
   var row = t.row( this );
   t.cell(row, 4).data("B").draw();
   console.log(row.data());
});

结果: http://jsfiddle.net/cmedina/c3coukLz/1/