Datatables是一款jquery表格插件。它是一個高度靈活的工具，可以將任何HTML表格添加高級的交互功能。
下面是我學習datatables寫的一個服務器端（php）分頁例子，該功能包含的功能 list:
1、在第一列添加checkbox，實現全選功能； 全選框沒有排序按鈕
2、在最后一列添加操作按鈕
3、隱藏、顯示該列字段；字段默認排序
4、薪水千分位、小數點兩位格式化
5、內容太多用。。。。截取文字； 鼠標移上去顯示詳情
6、替換字符，男字體顯示紅色，女顯示綠色
7、給文字添加超鏈接
8、同時顯示、隱藏多個列的內容
9、單元格所在的行、列高亮顯示
10、自定義搜索條件 【時間的處理，關鍵字的模糊查詢（前者沒有實現，只是展示雙日歷的使用，后者實現了功能，前者功能實現類似）】
11、行內編輯...
已實現大體功能，解決操作過程中存在的問題，
1、整合操作；操作里面行內編輯，打開頁面242行，即可打開刪除邏輯（行內編輯會有影響）；當然要實現操作 有編輯、有刪除等等，需在整合下行內編輯的操作。做稍微處理即可.
2、整合排序按鈕；引用jquery-datatable bootstrap-datatable（三角形狀） 會導致排序按鈕不同的樣式，然后自己整合 bootstrap-datatable.css實現分頁。
3、修復模糊查詢匹配失敗；在實現模糊搜索的時候出現一個問題，就是當條件是createtime的時候，搜索有問題，數據庫全部匹配（數據庫該字段存的是 2016-12-27 11:50:44的值）。最后發現該字段不做模糊搜索條件時，可以正確匹配。。。（找了大半天。。）
效果如圖：
詳細學習請參考其官網：http://datatables.net/中文網：http://dt.thxopen.com/
學習datatable之前 可以參考下 常見問題 ，可以 加深 對datatable使用的一些理解。比如：$("#example").dataTable({...}) 和 $("#example").DataTable({...}) 的區別；以及1.10.x與1.9.x參數名對照表 這樣在寫參數的時候自己寫的不會混亂，也易於別人看懂。
然后，附上代碼包下載地址（包含sql文件，后台腳本數據庫test，用戶名root,密碼為空）：
鏈接：http://pan.baidu.com/s/1slOw0Cd 密碼：94tg