Question

我正在尝试向我的java脚本数据表（https://datatables.net）

添加一行

ReportTable = $('#ReportsTable').dataTable({
 //"data": Reportdata,
"bLengthChange": false,
"columns": [
  { "data": "name", "sTitle": "Name", "sWidth": "300px"},
  { "data": "type", "sTitle": "Report Type" },
  { "data": "timestamp", "sTitle": "Purchase Date" }
 ]
});

ReportTable.row.add("{name:'Test', type:'test', timestamp:'test'}").draw();

我一直关注网页https://datatables.net/reference/api/rows.add()和http://www.datatables.net/examples/api/add_row.html而没有运气。

我得到的错误如下：

未捕获的TypeError：无法读取未定义的属性“add”

Answer 1

ReportTable = $（＆＃39;＃ReportsTable＆＃39;）。 dataTable （一定是 ReportTable = $（＆＃39;＃ReportsTable＆＃39;）。 DataTable （

Answer 2

为什么不尝试：

ReportTable.row.add(['Test','test','test']).draw();

因为您已将列名添加到Datatable定义中。

Answer 3

使用以下内容交换DataTables包含脚本：

//cdn.datatables.net/1.10.3/js/jquery.dataTables.min.js

我猜您使用的是过时的版本，但不包含您尝试使用的API。

Answer 4

您必须重写以下内容：

$('#ReportsTable').dataTable({
 //"data": Reportdata,
"bLengthChange": false,
"columns": [
  { "data": "name", "sTitle": "Name", "sWidth": "300px"},
  { "data": "type", "sTitle": "Report Type" },
  { "data": "timestamp", "sTitle": "Purchase Date" }
 ]
});

var ReportTable = $('#ReportsTable').dataTable();
ReportTable.row.add("{name:'Test', type:'test', timestamp:'test'}").draw();

jquery数据表添加行。 https://datatables.net

4 个答案: