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

Question

我正在研究 this demo .如何将 JavaScript 源数据添加到现有表中？

我看过这个example在 Datatables 网站上，但这看起来只是一次过程，在我的例子中，我需要在每次添加查询后 chop 并加载 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 official example .