jquery Datatables добавить строку. https://datatables.net

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 не повезло.

Ошибка я получаю выглядит следующим образом:

Uncaught TypeError: Cannot read property 'add' of undefined

Answer 1

Почему бы вам не попробовать с:

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

Поскольку вы добавили ваши столбцы имя для вашего DataTable определения.

Answer 2

выгрузить в DataTables включают скрипт со следующим:

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

Я предполагаю, что вы используете устаревшую версию, которая не включает в себя API, который вы пытаетесь использовать.

Answer 3

ReportTable = $ ('# ReportsTable'). DataTable ( должен быть ReportTable = $ ('# ReportsTable') DataTable (

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