如何使用DataTables为JSON数据添加序号字段？

json数据添加序号字段

想要在json数据开头添加一个序号字段，从小到大依次排序，可以按照以下步骤操作：

1. 使用jquery的 ajax 方法从url获取json数据。
2. 在 success 回调函数中，使用 jquery.parsejson 解析服务器返回的数据为json对象。
3. 使用datatables的 fndrawcallback 选项，在数据表绘制回调中处理json数据。
4. 使用datatables的api，获取数据表的起始索引 _idisplaystart。
5. 遍历数据表第一列的每个单元格，并为每个单元格设置内容为起始索引加该行序号加1。

以下代码示例演示了如何使用datatables添加序号字段：

var opt = {
  "fnDrawCallback": function(oSettings) {
    // 获取服务器返回的数据
    var json = jQuery.parseJSON(oSettings.jqXHR.responseText);
    console.info(json);

    // 增加一行显示序号
    var api = this.api();
    var startIndex = api.context[0]._iDisplayStart;
    api.column(0).nodes().each(function(cell, i) {
      cell.innerHTML = startIndex + i + 1;
    });
  }
};

登录后复制

以上就是如何使用DataTables为JSON数据添加序号字段？的详细内容，更多请关注米云其它相关文章！