Javascript DataTables draw（）不'；换显示器

我遇到了一件非常简单的事情：修改单元格内容后，我无法使用

draw（）

使更改可见

这是一个基本示例，显示了更改前后的

DataTable（）.data（）

，而显示的表保持不变

$('table').DataTable({
  data: [
  {a: 'A1', b: 'B1'},
  {a: 'A2', b: 'B2'}
  ],
  columns: [
    {data: 'a', title: 'A'},
    {data: 'b', title: 'B'}
  ]
});
var dt = $('table').DataTable();
  console.log('before:', dt.data()[0]);
$('button').click(function() {
  dt.row(0).data().a = 'XXX';
  dt.draw();
  console.log('after:', dt.data()[0]);
});

很抱歉，无法使用SO代码段执行此操作，这会在超时之前引发许多安全错误。
但你可以看到它的工作原理

注意：我还尝试在

draw（）

之前插入

invalidate（）

，但没有成功。

更新自定义单元格（）：

---

非常感谢这个文档链接！正如OP所注意到的，DataTables保留了对象引用，而不是数组，这是基本文档中缺少的关键信息。多亏了您的批准，我使用了这个库，实现起来非常好

$('table').DataTable({
  data: [
  {a: 'A1', b: 'B1'},
  {a: 'A2', b: 'B2'}
  ],
  columns: [
    {data: 'a', title: 'A'},
    {data: 'b', title: 'B'}
  ]
});
var dt = $('table').DataTable();
  console.log('before:', dt.data()[0]);
$('button').click(function() {
  dt.row(0).data().a = 'XXX';
  dt.draw();
  console.log('after:', dt.data()[0], dt.cell(0, 0).data('XXX'));
});