頁面參數說明
var docrTable = $('#docrevisontable').dataTable({
language:lang, //提示信息
autoWidth: false, //禁用自動調整列寬
stripeClasses: ["odd", "even"], //為奇偶行加上樣式,兼容不支持CSS偽類的場合
processing: true, //隱藏加載提示,自行處理
serverSide: true, //啟用服務器端分頁
searching: false, //禁用原生搜索
orderMulti: false, //啟用多列排序
order: [], //取消默認排序查詢,否則復選框一列會出現小箭頭
"pagingType": "simple_numbers", //分頁樣式:simple,simple_numbers,full,full_numbers
"bProcessing" : true, //DataTables載入數據時,是否顯示‘進度’提示
"bServerSide" : true, //是否啟動服務器端數據導入
"bStateSave" : true, //是否打開客戶端狀態記錄功能,此功能在ajax刷新紀錄的時候不會將個性化設定回復為初始化狀態
"bJQueryUI" : true, //是否使用 jQury的UI theme
"bPaginate" : true,// 分頁按鈕
"bFilter" : false,// 搜索欄
"bLengthChange" : true,// 每行顯示記錄數
"iDisplayLength" : 10,// 每頁顯示行數
"bSort" : false,// 排序
"bInfo" : true,// Showing 1 to 10 of 23 entries 總記錄數沒也顯示多少等信息
"sScrollY" : 450, //DataTables的高
"sScrollX" : 820, //DataTables的寬
"aLengthMenu" : [20, 40, 60], //更改顯示記錄數選項
"iDisplayLength" : 40, //默認顯示的記錄數
"bAutoWidth" : false, //是否自適應寬度 //"bScrollInfinite" : false, //是否啟動初始化滾動條
"bScrollCollapse" : true, //是否開啟DataTables的高度自適應,當數據條數不夠分頁數據條數的時候,插件高度是否隨數據條數而改變
"bPaginate" : true, //是否顯示(應用)分頁器
"bInfo" : true, //是否顯示頁腳信息,DataTables插件左下角顯示記錄數
"sPaginationType" : "full_numbers", //詳細分頁組,可以支持直接跳轉到某頁
"bSort" : true, //是否啟動各個字段的排序功能
"aaSorting" : [[1, "asc"]], //默認的排序方式,第2列,升序排列
"bFilter" : true, //是否啟動過濾、搜索功能
"bVisible" : false, //此列不顯示
"aoColumns" : [{
"mDataProp" : "USERID",
"sDefaultContent" : "", //此列默認值為"",以防數據中沒有此值,DataTables加載數據的時候報錯
"bVisible" : false //此列不顯示
}, {
"mDataProp" : "USERNAME",
"sTitle" : "用戶名",
"sDefaultContent" : "",
"sClass" : "center"
}, {
"mDataProp" : "EMAIL",
"sTitle" : "電子郵箱",
"sDefaultContent" : "",
"sClass" : "center"
}, {
"mDataProp" : "MOBILE",
"sTitle" : "手機",
"sDefaultContent" : "",
"sClass" : "center"
}, {
"mDataProp" : "PHONE",
"sTitle" : "座機",
"sDefaultContent" : "",
"sClass" : "center"
}, {
"mDataProp" : "NAME",
"sTitle" : "姓名",
"sDefaultContent" : "",
"sClass" : "center"
}, {
"mDataProp" : "ISADMIN",
"sTitle" : "用戶權限",
"sDefaultContent" : "",
"sClass" : "center"
}],
"oLanguage": { //國際化配置
"sProcessing" : "正在獲取數據,請稍后...",
"sLengthMenu" : "顯示 _MENU_ 條",
"sZeroRecords" : "沒有您要搜索的內容",
"sInfo" : "從 _START_ 到 _END_ 條記錄 總記錄數為 _TOTAL_ 條",
"sInfoEmpty" : "記錄數為0",
"sInfoFiltered" : "(全部記錄數 _MAX_ 條)",
"sInfoPostFix" : "",
"sSearch" : "搜索",
"sUrl" : "",
"oPaginate": {
"sFirst" : "第一頁",
"sPrevious" : "上一頁",
"sNext" : "下一頁",
"sLast" : "最后一頁"
}
})
默認情況下 Datatables 的分頁就是上一頁、下一頁和6個頁數按鈕,這適合大部分情況。不過也有用戶不喜歡這樣,Datatables提供了四個模式供用戶選擇,通過設置pagingType選項來配置
numbers- 只有只有數字按鈕simple- 只有上一頁、下一頁兩個按鈕simple_numbers- 除了上一頁、下一頁兩個按鈕還有頁數按鈕,Datatables默認是這個full- 有四個按鈕首頁、上一頁、下一頁、末頁full_numbers- 除首頁、上一頁、下一頁、末頁四個按鈕還有頁數按鈕first_last_numbers- 除首頁、末頁兩個按鈕還有頁數按鈕
