DataTables碎碎念-初始化一個常用的DataTables
阿新 • • 發佈:2018-12-16
ajax請求,動態分頁
$('#activity_statistics_list_table').DataTable( { language: { url:'//cdn.datatables.net/plug-ins/1.10.19/i18n/Chinese.json' }, processing: true, serverSide: true, ajax: { url:"/request.html", data: function(d){ //可以在傳送請求前,修改、新增data中的資料。 return d; //return JSON.stringify(d); //可以將資料封裝成JSON後傳送,方便後臺解析 } //type: "post", //contentType:"application/json", //可以將資料封裝成JSON後傳送,方便後臺解析 }, columns: [ { data: '返回資料的引數名稱', render: function(data, type, row, meta){ //可以在此處自定義資料,比如新增一個按鈕,連結。然後返回一段HTML。 return data; }, //orderable:false; //此列是否能進行排序 }, ], //stateSave: true, 儲存表格狀態 //ordering:true, 是否允許排序 //searching:false, 是否顯示搜尋對話方塊 } );
請求資料和返回資料引數: