javascript - 如何将数据动态添加到 jquery DataTable 中？

Question

我使用 DataTable 1.10 版。我想动态添加。我知道为此需要使用 table.push() 方法。但是我不知道如何使用 table.push() 方法。有没有人在这方面帮助我。

我喜欢这样:

var body = '<tr>';
body += '<td>' +
  '<div class="img-container">' +
  '<img src="../../assets/img/room-plan/' + r_plan + '" alt="..." id="imgsrc">' +
  '</div>' +
  '</td>';
body += '<td id="imgname">' + r_name + '</td>';
body += '<td class="text-right">' +
  '<a href="#" class="btn btn-simple btn-warning btn-icon edit" data-toggle="modal" data-target="#myModal"><i class="fa fa-edit"></i></a>' +
  '<a href="#" class="btn btn-simple btn-danger btn-icon remove" ><i class="fa fa-times"></i></a>' +
  '</td>';
body += '</tr>';

$('#datatables').dataTable().fnDestroy();

$(body).appendTo($("tbody"));
// $('#datatables').dataTable();

var table = $('#datatables').DataTable({
  "pagingType": "full_numbers",
  "lengthMenu": [
    [10, 25, 50, -1],
    [10, 25, 50, "All"]
  ],
  responsive: true,
  language: {
    search: "_INPUT_",
    searchPlaceholder: "Search records",
    //"zeroRecords": " "
  }

});

table.push(body);

这里有什么问题？

Answer 1

例子:

  var newRow = "<tr><td>row 3, cell 1</td><td>row 3, cell 2</td></tr>";
  var table = $('table').DataTable();
  table.row.add($(newRow)).draw();