将fnAddData与数据顺序一起使用时出错

时间:2017-10-17 15:51:10

标签: datatables

我有一个datatable,它最初填充在服务器端。用户可以通过在模式弹出窗口中添加行数据来与数据表进行交互。我最近添加了数据属性data-order='',以便我们可以更好地处理日期排序。现在,我们对fnAddData的调用因以下任何一个错误而死:

  

DataTables警告:table id = dtTable - 请求的未知参数   ' [object Object]'对于第3行,第0列。有关此内容的详细信息   错误,请参阅http://datatables.net/tn/4

OR

  

DataTables警告:table id = dtTable - 请求的未知参数' 1'   对于第6行第1列。有关此错误的详细信息,请参阅   http://datatables.net/tn/4

简单示例:https://jsfiddle.net/shanabus/2yu7mLL3/

我查看了datatables.net上的支持文档,但他们没有解决这个具体问题。如果您还使用数据顺序,如何使用 fnAddData

1 个答案:

答案 0 :(得分:1)

您可以尝试构建tr节点并使用接受节点作为参数的较新row.add() API方法。

例如:

$("#btnAddRow").on("click", function() {    
   var newRow = ['4/4/2014', '<test> Name'];
   var newRowOrder = 999;
   var $row = 
      $('<tr><td data-name="ReadingDate" data-order="' + newRowOrder + '">' 
      + $('<div>').text(newRow[0]).html() 
      + '</td><td data-name="Name">' 
      + $('<div>').text(newRow[1]).html() 
      + '</td></tr>');

   $("#dtTable").DataTable().row.add($row).draw();
});

请参阅updated example以获取代码和演示。

我有created an issue #987提议改进有关此用例的文档。