使用DataTables在列中显示阵列ID

时间:2014-03-07 10:47:02

标签: javascript datatables

我在页面上使用DataTables,源数据在javascript数组中。

表结构非常简单; aoColumns部分是:

"aoColumns" : [
        { "sTitle" : "Who"},
        { "sTitle" : "What" },
        { "sTitle" : "Status" }
    ]

当我显示表格时,我想让第一列显示源数组中行的索引。

所以,如果包含aaData:

["John", "Do something", "Waiting"],
["Jane", "More things", "Done"],
["Zed", "Stay awesome", "Ongoing]

然后,该表实际显示:

ID | Who  | What         | Status**
0  | John | Do Something | Waiting
1  | Jane | ....
2  | Zed  | ....

如何使表中显示的ID实际上是数组索引+ 1(因此,John的行将以1开头,Jane的以2开头,依此类推)。

1 个答案:

答案 0 :(得分:0)

使用此功能构建表格:

  otable.fnClearTable();
  $.each(datasource, function(key, value) {
    //Want that Bonus:-)
    var id = key + 1;
    otable.dataTable().fnAddData([
      id,
      value[0],
      value[1],
      value[2],
    ]);
  });

Working Plunker here