datatable 參數詳細說明


頁面參數說明

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 - 除首頁、末頁兩個按鈕還有頁數按鈕


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM