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();

如何动态地将数据添加到jquery DataTable？

1 个答案: