初始化后如何更改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();
      }
    }
  } );
} )

Answer 2

如果您要向表中添加新行，则可以利用添加行API

  var table  = $("#table").DataTable();
  t.row.add( [
            "col 1 value" ,
            "col 2 value",
            ...
            "col 5 value"
        ] ).draw();

http://www.datatables.net/examples/api/add_row.html