如何使用DataTables为JSON数据添加序号字段?
json数据添加序号字段
想要在json数据开头添加一个序号字段,从小到大依次排序,可以按照以下步骤操作:
- 使用jquery的 ajax 方法从url获取json数据。
- 在 success 回调函数中,使用 jquery.parsejson 解析服务器返回的数据为json对象。
- 使用datatables的 fndrawcallback 选项,在数据表绘制回调中处理json数据。
- 使用datatables的api,获取数据表的起始索引 _idisplaystart。
- 遍历数据表第一列的每个单元格,并为每个单元格设置内容为起始索引加该行序号加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数据添加序号字段?的详细内容,更多请关注其它相关文章!