如何将 add/append JavaScript 源数据转换为现有数据 Table Table？

Question

我正在研究 this demo。如何将 JavaScript 源数据添加到现有的 table？

我在 Datatable 的网站上看到了这个 example，但这看起来只是一次过程，在我的情况下，我需要在每次查询后截断并加载 dataset[]添加最终将结果作为新行添加到 table 中。

$(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。

如何将 add/append JavaScript 源数据转换为现有数据 Table Table？

How to add/append JavaScript sourced data into an existing DataTables Table?

javascript

jquery

datatables

datatables-1.10