Question

我正在使用数据表1.10.11。

根据documentation，我可以使用以下语法设置rowId：

$('#myTable').DataTable( { rowId: 'staffId' } );

我不使用Ajax创建数据表。我有两个文本框和＆＃34;添加＆＃34;左侧的按钮和右侧的一个数据表。当我点击＆＃34;添加＆＃34;时，会在数据表中添加一个新行。我希望这是有道理的。

我需要为每行使用唯一的id属性。我试过这样做但完全没有成功。

根据文档，此功能自DataTables 1.10.8起可用

有人解决了这个问题吗？任何帮助将不胜感激。

感谢。

Answer 1

要将ID添加到tr元素，请使用rowId并指定包含您ID的列。

$('#myTable').DataTable(
{
  columns: [
     {data:"staffId"},//Remember specified the column
     {data:"position"},
     {data:"office"},
     {data:"age"},
     {data:"date"},
     {data:"salary"}
  ],
  rowId: 'staffId' //Reference to column data
});

对于按钮添加，您应创建对象并使用row.add和draw添加到表格，以便在表格中显示，例如：

$("#btnAdd").on("click",function(){

    var rowID = $("#rowId").val();//Get value of TextBox

    var new_object = { 
                       staffId: rowID, //New rowId
                       position: 'Developer', 
                       office: "Peru", 
                       age: 25, 
                       date: "2016/03/25", 
                       salary: "$ 58.200" 
                     };

  myTable.row.add(
      new_object
  ).draw();

});

结果： https://jsfiddle.net/cmedina/7kfmyw6x/65/

将id属性设置为datatables 1.10.11

1 个答案: