如何将JavaScript来源的数据添加/添加到现有的DataTables表中？

Question

我正在做这个演示 。 如何将JavaScript来源的数据添加到现有表中？

我已经在Datatables网站上看到了这个示例 ，但是这看起来似乎只有一个时间过程，就我而言，我需要截断并加载dataset[] ，每次查询添加后最终将结果添加到表中作为新行。

$(document).ready(function () {
  var dataSet = ["Tiger", "Wood ", "Architect", "F15", "36", "Feb, 15"];
  $('#example').DataTable({
    dom: 'Bfrtip',
    buttons: [
    'copy', 'excel', 'pdf', 'csv']
  });
  $("#addData").on("click", function(){
  });
});

Answer 1

您可以使用DataTables API添加行。
您需要传递一个值数组（列）：

var dt;

$(document).ready(function () {
    var dataSet = ["Tiger", "Wood ", "Architect", "F15", "36", "Feb, 15"];
    dt = $('#example').DataTable({
        dom: 'Bfrtip',
        buttons: [
            'copy', 'excel', 'pdf', 'csv']
    });

    $("#addData").on("click", function(){
        dt.row.add(["Whatever else"]).draw(false); 
    });
});

您可以参考此DataTables官方示例 。