动态更改数据表格列数据 dataTables

Question

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编程地操作列数据？

- Jamie Jordan

Answer 1

您可以使用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/

- CMedina