$(document).ready(function() {
$(
'#example'
).dataTable({
"sScrollX"
:
"100%"
,
//表格的寬度
"sScrollXInner"
:
"110%"
,
//表格的內容寬度
"bScrollCollapse"
:
true
,
//當顯示的數據不足以支撐表格的默認的高度時，依然顯示縱向的滾動條。(默認是false)
"bPaginate"
:
true
,
//是否顯示分頁
"bLengthChange"
:
true
,
//每頁顯示的記錄數
"bFilter"
:
true
,
//搜索欄
"bSort"
:
true
,
//是否支持排序功能
"bInfo"
:
true
,
//顯示表格信息
"bAutoWidth"
:
false
,
//自適應寬度
"aaSorting"
: [[1,
"asc"
]],
//給列表排序 ，第一個參數表示數組 (由0開始)。1 表示Browser列。第二個參數為 desc或是asc
"aoColumns"
: [
null
,
null
,
{
"bVisible"
:
true
,
//不可見
"bSearchable"
:
false
,
//參與搜索
},
null
,
null
],
//列設置，表有幾列，數組就有幾項
"bStateSave"
:
true
,
//保存狀態到cookie *************** 很重要 ， 當搜索的時候頁面一刷新會導致搜索的消失。使用這個屬性就可避免了
"sPaginationType"
:
"full_numbers"
,
//分頁，一共兩種樣式，full_numbers和two_button(默認)
"oLanguage"
: {
"sLengthMenu"
:
"每頁顯示 _MENU_ 條記錄"
,
"sZeroRecords"
:
"對不起，查詢不到任何相關數據"
,
"sInfo"
:
"當前顯示 _START_ 到 _END_ 條，共 _TOTAL_ 條記錄"
,
"sInfoEmtpy"
:
"找不到相關數據"
,
"sInfoFiltered"
:
"數據表中共為 _MAX_ 條記錄)"
,
"sProcessing"
:
"正在加載中..."
,
"sSearch"
:
"搜索"
,
"sUrl"
:
""
,
//多語言配置文件，可將oLanguage的設置放在一個txt文件中，例：Javascript/datatable/dtCH.txt
"oPaginate"
: {
"sFirst"
:
"第一頁"
,
"sPrevious"
:
" 上一頁 "
,
"sNext"
:
" 下一頁 "
,
"sLast"
:
" 最后一頁 "
}
},
//多語言配置
"bJQueryUI"
:
false
,
//可以添加 jqury的ui theme 需要添加css
|
"aLengthMenu"
: [[10, 25, 50, -1, 0], [
"每頁10條"
,
"每頁25條"
,
"每頁50條"
,
"顯示所有數據"
,
"不顯示數據"
]]
//設置每頁顯示記錄的下拉菜單
});
});
|
直接調用默認的設置
$(
'#example'
).dataTable();