javascript - 初始化后如何更改DataTables中的数据数组

Question

我有一个表，它获取数据形式 Javascript 数组。数组更改后，我想更改表中显示的数据而不再次重新创建它。我以

开始表格

$('#table').dataTable( {
                    "bPaginate": false,
                    "data": dataArray,
                    "columns": [
                        { "title": "....

稍后我将在 dataArray 中再添加一条记录，但希望保留所有排序、过滤器......如何使用 dataArray 的新内容重绘表格？

Answer 1

1. 您需要将数据重新加载到数据表
2. 您需要重新绘制表格

您需要将所有这些代码放入您的 fnInitComplete 中功能。

像这样:

$(document).ready( function() {
  $('#example').dataTable( {
    "fnInitComplete": function(oSettings, json) {
      alert( 'DataTables has finished its initialisation.' );
      if(...){
        //load the new array
        oSettings.aoData = newArray;          
        //redraw the table
        $(this).fnDraw();
      }
    }
  } );
} )