天天看點

dataTable的一些參數

$('#table_id').DataTable({

'dom': '<'top'iflp<'clear'>>rt<'bottom'iflp<'clear'>>', //在表格上面和下面同時顯示長度菜單,分頁菜單和搜尋框

'bProcessing' : true, //DataTables載入資料時,是否顯示‘進度’提示

'bServerSide' : true, //是否啟動伺服器端資料導入

'bStateSave' : true, //是否打開用戶端狀态記錄功能,此功能在ajax重新整理紀錄的時候不會将個性化設定回複為初始化狀态

'bJQueryUI' : true, //是否使用 jQury的UI theme

'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, //是否啟動過濾、搜尋功能

'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'

}],

bAutoWidth:true, //自動寬度

scrollY: 300,//垂直滾動條

scrollX :300, //水準滾動條

'scrollCollapse': 'true',//滾動條

paging: true,//是否分頁 */

searching: true,//搜尋框

ordering: true, //排序

'info': false, //下拉框,每頁顯示的内容

stateSave: true, //可以儲存最後一次分頁資訊、排序資訊,當頁面重新整理,或者重新進入這個頁面,恢複上次的狀态。

'pagingType': 'full_numbers', //分頁按鈕的插件,'full_numbers' 除首頁、上一頁、下一頁、末頁四個按鈕還有頁數按鈕,full - 有四個按鈕首頁、上一頁、下一頁、末頁 simple_numbers - 除了上一頁、下一頁兩個按鈕還有頁數按鈕,Datatables預設是這個,simple - 隻有上一頁、下一頁兩個按鈕

'thousands':'.', //千位以點号隔開

'decimal':',', //小數點以逗号隔開

'ajax': '../ajax/data/objects.txt' ,

//跟數組下标一樣,第一列從0開始,這裡表格初始化時,第四列預設降序

'order': [[ 3, 'desc' ]]

繼續閱讀