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

如何使用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数据添加序号字段?的详细内容,更多请关注其它相关文章!