寫Blog目的：不是為人氣，只是留份筆記；啰嗦不要緊，只怕有遺漏，以后想不起來。

官網：https://datatables.net/
中文官網：http://datatables.club/

開發環境：Python 3.6.0、Anaconda 4.3.1、Django、JetBrains PyCharm 2017.1.5

按我項目的開發過程簡單整理。

1、第一版本，無分頁。

在此之前有用到過DataTables（更多的是easyui中的Datagrid，另之前服務端是PHP），因此想著前端/客戶端差異不大，服務端反正都是按規范格式返回JSON串（Django的代碼后續再整理）。另外，剛開始也沒想著表格分頁，只是有三個字段排序需求（排序已在服務端做好并返回）。
DataTables基礎代碼：

//表格的HTML代碼略過$('#dtList').DataTable({        "bPaginate": false, //翻頁功能        "bInfo": false,//頁腳信息        "ordering": false, //不排序        "searching": false,  //搜索框，不顯示        "bLengthChange": false, //改變每頁顯示數據數量，不顯示        "iDisplayLength": 10,  //每頁默認顯示數量（不顯示了，這個設置也起不了作用）        "serverSide":true, //服務端        "retrieve":false, //意思是如果已經初始化了，則繼續使用之前的Datatables實例。        "ajax": {          "type": "POST",          "url": "/manage/getlist/",          "data":{'csrfmiddlewaretoken': '{{ csrf_token }}'}, //Django的token值          "dataSrc": function (result) { //使用dataSrc屬性來設置獲取到的數據格式，其值是服務端拼好的key-value（數據字段名稱-字段值）【服務端走了彎路，后續有時間再寫文章說明】            var json = JSON.parse(result).data;            return json;          }        },        "columns": [ //表格要顯示的列定義(字段名稱做了處理)          { "data": "field0",            "visible":false,            "render": function ( data, type, full, meta ) {              //return '<input type="checkbox"/>';              return data;            }          },          { "data": "field1" },          { "data": "field2" , //此列名要與服務端返回的JSON串中的值一致            "render": function ( data, type, full, meta ) {              return '<div style="text-align:left">'+data+'</div>';            }          },          //其余字段定義省略          ]        });

2、加上分頁功能

第一個程序寫好幾天后就準備加上分頁功能。
DataTables的JSON串格式要求：

{  "draw": n,   "recordsTotal": n, //總記錄數  "recordsFiltered": n, //條件過濾后的記錄數，與總記錄數可能會不同  "data": [{}] //獲取到的記錄集合}

按照之前處理easyui中Datagrid組件的經驗，得到總記錄數，篩選后的記錄數等值，拼好JSON串回傳就行，客戶端可以直接實現分頁。