$('#dataTable_ID1').dataTable({
//"aaSorting" : [[1, "asc"]], //默認(rèn)的排序方式博脑,第1+1列,升序排列
"aLengthMenu" : [5, 10, 25, 50, 100], //更改顯示記錄數(shù)選項(默認(rèn):[10,25,50,100])
"bAutoWidth" : false, // 禁用自適應(yīng)寬度(默認(rèn):true)
//"bDeferRender":false,//推遲創(chuàng)建表元素每個元素,直到它們都創(chuàng)建完成(默認(rèn):false)
"bDestroy" : true,//重新初始化表格缘缚,未匹配到表格則新建 (默認(rèn):false)
"bFilter" : false,// 不適用搜索框過濾(默認(rèn):true)
//"bInfo" : true, //顯示頁腳信息路翻,左下角顯示記錄數(shù)(默認(rèn):true)
//"bJQueryUI" : false, //不使用使用 jQury的UI theme(默認(rèn):false)
"bLengthChange" : true,//顯示每頁幾條數(shù)據(jù)的顯示框(默認(rèn):true)
//"bPaginate" : true, //顯示(應(yīng)用)分頁器,不開啟全顯示(默認(rèn):true)
"bProcessing" : true,//加載進(jìn)度提示(默認(rèn):false)
//"bScrollInfinite" : true, //啟動初始化滾動條(默認(rèn):false)
//"bRetrieve":false,//使用指定的選擇器檢索表格,注意,如果表格已經(jīng)被初始化张抄,該參數(shù)會直接返回已經(jīng)被創(chuàng)建的對象,并不會顧及你傳遞進(jìn)來的初始化參數(shù)對象的變化洼怔,將該參數(shù)設(shè)置為true說明你確認(rèn)已經(jīng)明白這一點署惯,如果你需要的話,bDestroy可以用來重新初始化表格(默認(rèn):false)
"bServerSide" : true,//啟動服務(wù)器端數(shù)據(jù)導(dǎo)入(默認(rèn):false)
"bSort" : true,//啟用字段可排序(默認(rèn):true) TODO:單個列排序可禁用
//"bStateSave" : true,//開啟狀態(tài)緩存镣隶,如分頁信息极谊,展示長度,開啟后在ajax刷新紀(jì)錄的時候不會將個性化設(shè)定重置為初始化狀態(tài)安岂,如: 會導(dǎo)致默認(rèn)的aaSorting設(shè)置失效(默認(rèn):false)
//"bScrollCollapse" : true, //開啟高度自適應(yīng)轻猖,當(dāng)數(shù)據(jù)條數(shù)不夠分頁數(shù)據(jù)條數(shù)的時候,插件高度隨數(shù)據(jù)條數(shù)而改變
//"bScrollAutoCss":true,//指明滾動的標(biāo)題元素是否被允許設(shè)置內(nèi)邊距和外邊距等(默認(rèn):true)
//"bScrollCollapse":false,//當(dāng)垂直滾動被允許的時候域那,不強制強制表格視圖在任何時候都是給定的高度(默認(rèn):false)
//"bSortCellsTop":false,//允許使用底部的單元格咙边,true為頂部(默認(rèn):false)
//"iCookieDuration":7200,//cookie儲存時長(單位:s)(默認(rèn):7200)
//"iDeferLoading":null,//延時加載(type:int)(默認(rèn):null)
//"iDisplayLength":10,//每頁顯示幾條數(shù)據(jù)(默認(rèn):10)
//"iDisplayStart":0,//當(dāng)前頁開始的記錄序號(默認(rèn):0)
//"iScrollLoadGap":100,//當(dāng)前頁面還有多少條數(shù)據(jù)可供滾動時自動加載新的數(shù)據(jù)(默認(rèn):100)
"sDom": '<"top"l>rt<"bottom_left"i><"bottom_right"p><"clear">',//布局定義
//格式指定:包括分頁,顯示多少條數(shù)據(jù)和搜索等
//The following options are allowed:
// 'l' - 左上角按個下拉框次员,10個败许,20個,50個淑蔚,所有的哪個
// 'f' - 快速過濾框
// 't' - 表格本身
// 'i' - 分頁信息
// 'p' - 分頁按鈕
// 'r' - 現(xiàn)在正在加載中……
//The following constants are allowed:
// 'H' - jQueryUI theme "header" classes ('fg-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix')
// 'F' - jQueryUI theme "footer" classes ('fg-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix')
//The following syntax is expected:
// '<' and '>' - div 元素
// '<"class" and '>' - 給div加clasa
// '<"#id" and '>' - 給div加上id
//Examples:
// '<"wrapper"flipt>'
// '<lf<t>ip>'
//例子:
//'<"top"i>rt<"bottom"flp><"clear">'
//解析結(jié)果:
// <div class="top">
// i
// </div>
// rt
// <div class="bottom">
// flp
// </div>
// <div class="clear"></div>
"sPaginationType" : "full_numbers",//全頁數(shù)顯示 || "two_button":顯示兩個按鈕(默認(rèn):two_button)
"sAjaxSource" : mediaHost+'/wxUsers/getDataTable1',
//"sAjaxDataProp" : "aaDataName",//指定返回的數(shù)據(jù)對象名稱(默認(rèn):aaData)
//"sScrollX" : 720, //DataTables的寬市殷,可以是css設(shè)置,或者一個數(shù)字(單位:px)刹衫,大于則開啟水平滾動(默認(rèn):"blank string - i.e. disabled")
//"sScrollY" : 480, //DataTables的高醋寝,可以是css設(shè)置,或者一個數(shù)字(單位:px)带迟,大于則開啟垂直滾動(默認(rèn):"blank string - i.e. disabled")
//"sCookiePrefix" : "SpryMedia_DataTables_",//指定cookie前綴(默認(rèn):"SpryMedia_DataTables_")
//初始化過濾狀態(tài)
//"oSearch":{
// "sSearch":"value",
// "bRegex":false, //value不當(dāng)成正則式
// "bSmart":true //靈活匹配策略
//},
//數(shù)據(jù)表列值
"aoColumns" : [ {
"mDataProp" : "data_properties0",
"sClass" : "center",
"bSortable" : false
//"sDefaultContent":"",//此列默認(rèn)值為""音羞,防數(shù)據(jù)無值報錯
//"bVisible" : false //不顯示此列
}, {
"mDataProp" : "data_properties1",
"sClass" : "center",
"bSortable" : false
}, {
"mDataProp" : "data_properties2",
"sClass" : "center",
"bSortable" : false
}, {
"mDataProp" : "data_properties2",
"sClass" : "center",
"bSortable" : false
},
],
//國際化配置
"oLanguage" : {
"sProcessing" : "正在加載數(shù)據(jù),請稍后...",
"sLengthMenu" : "每頁顯示 _MENU_ 條記錄",
"sZeroRecords" : "沒有數(shù)據(jù)仓犬!",
"sEmptyTable" : "表中無數(shù)據(jù)存在黄选!",
"sInfo" : "當(dāng)前顯示 _START_ 到 _END_ 條,共 _TOTAL_ 條記錄",
"sInfoEmpty" : "顯示0到0條記錄",
"sInfoFiltered" : "數(shù)據(jù)表中共有 _MAX_ 條記錄",
//"sInfoPostFix": "",
//"sSearch": "搜索:",
//"sUrl": "",
//"sLoadingRecords": "載入中...",
//"sInfoThousands": ",",
"oPaginate" : {
"sFirst" : "首頁",
"sPrevious" : "上一頁",
"sNext" : "下一頁",
"sLast" : "末頁"
}
//"oAria": {
// "sSortAscending": ": 以升序排列此列",
// "sSortDescending": ": 以降序排列此列"
//}
},
/**
*
* @param nRow 當(dāng)前行內(nèi)容
* @param aaData 當(dāng)前數(shù)據(jù)對象
* @param iDisplayIndex 當(dāng)前行索引婶肩,從0開始
* @param iDisplayIndexOfAadata 當(dāng)前對象所在對象數(shù)組的索引办陷,從0開始
* @returns {*}
*/
"fnRowCallback" : function(nRow, aaData, iDisplayIndex, iDisplayIndexOfAadata) {
//修改第一列為多選框內(nèi)容
var firstTDHtml = '<label>firstTDHtml</label>';
$('td:eq(0)', nRow).html(firstTDHtml);
//修改第二列為序號
var secondTDHtml = iDisplayIndex+1;
$('td:eq(1)', nRow).html(secondTDHtml);
return nRow;
},
"fnDrawCallback" : function(oSettings) {
// jAlert( 'DataTables 重繪了' );
},
"fnFooterCallback" : function(nFoot, aData, iStart, iEnd, aiDisplay) {
// jAlert("FooterCallback");
},
});
配置你想要的DataTables
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門慧库,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人馋嗜,你說我怎么就攤上這事齐板。” “怎么了葛菇?”我有些...
- 文/不壞的土叔 我叫張陵甘磨,是天一觀的道長。 經(jīng)常有香客問我眯停,道長济舆,這世上最難降的妖魔是什么? 我笑而不...
- 正文 為了忘掉前任莺债,我火速辦了婚禮滋觉,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘齐邦。我一直安慰自己椎侠,他們只是感情好,可當(dāng)我...
- 文/花漫 我一把揭開白布侄旬。 她就那樣靜靜地躺著,像睡著了一般煌妈。 火紅的嫁衣襯著肌膚如雪儡羔。 梳的紋絲不亂的頭發(fā)上,一...
- 文/蒼蘭香墨 我猛地睜開眼色难,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了等缀?” 一聲冷哼從身側(cè)響起枷莉,我...
- 正文 年R本政府宣布,位于F島的核電站毫深,受9級特大地震影響吩坝,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜哑蔫,卻給世界環(huán)境...
- 文/蒙蒙 一钉寝、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧闸迷,春花似錦嵌纲、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至今阳,卻和暖如春师溅,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背盾舌。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 前幾天兩個同事在聊天的時候,其中女的開玩笑對男的說:“你看你張的真丑仍稀,你媳婦怎么看上你的鼻疮。”男的說:“長得丑怎么了...
- 前幾天,參加一個書友會活動琳轿,上臺講話的是一位來自深圳某高科技互聯(lián)網(wǎng)企業(yè)的一名員工,92年的理工男,說話邏輯嚴(yán)謹(jǐn),數(shù)...
- 這日王府的家宴,周寅難得讓正室阮慕言和側(cè)室蘇沫一桌共餐挪哄。 隨時家宴吧秕,阮慕言帶的排場可不見小。除了一個貼身的婢...