datatables 服务器返回数据后的处理-表格数据属性的操作方法(ajax.dataSrc)

时间:2022-06-18 07:41:59

http://dt.thxopen.com/reference/option/ajax.dataSrc.html

http://datatables.net/reference/option/ajax.dataSrc

通过 Ajax,从一个文件获取 JSON 数据,使用 dataSrc属性把 data改为 tableData (比如: { tableData: [ ...data... ] } )

$('#example').dataTable( {
  "ajax": {
    "url": "data.json",
    "dataSrc": "tableData"
  }
} );

操作从服务器返回的数据,给数据添加链接(提示,这里也可以使用columns.renderDT来实现,这里只是举个例子如何操作数据 )

$('#example').dataTable( {
  "ajax": {
    "url": "data.json",
    "dataSrc": function ( json ) {
      for ( var i=0, ien=json.data.length ; i<ien ; i++ ) {
        json.data[i][0] = '<a href="/message/'+json.data[i][0]+'>View message</a>';
      }
      return json.data;
    }
  }
} );