如何在datatable中添加数据？

Question

我正在尝试在datatable中动态添加数据。我在document.ready上初始化了表并创建了它的实例。之后，我尝试使用实例在表中添加数据。

$(document).ready(function() {
  //Initialize tooltips
    table_sgdFile_list_linked = $('#sgdFile_list_linked').DataTable({
    bSort: false,
    destroy:true,
    bLengthChange: false,
    pageLength: 4,
    columns: [{
        title: "Name"
      },
      {
        title: "Action"
      }
    ]
  });
  });

我正在尝试绑定数据

table_sgdFile_list_linked.data(dataSet)

但它不起作用。

Answer 1

my_list = $('#my-table-html-id').DataTable( {
    "processing": true,
    "serverSide": false,
    "paging": true,
    "bLengthChange" : true,
    "bFilter": false,
    "pageLength": 10,
    "info": false,
    "ordering": true,
    "ajax": "PATH-OF-MY-API",
    "columnDefs": [
        {
            "render": function ( data, type, row ) {
                var html = data + " Modified!";
                return html;
            },
            "orderable": false,
            "targets": 1 //Last column
        },
    ],
})

Answer 2

你可以试试这个：

添加1行：table_sgdFile_list_linked.row.add(rowJson).draw();

添加多行：table_sgdFile_list_linked.rows.add(rowsJson).draw();

Answer 3

以下为我工作：

table_sgdFile_list_linked.clear（）绘制（）; $（＆＃39;＃sgdFile_list_linked＆＃39）。dataTable中（）fnAddData（trHTML）;