配置你想要的DataTables

$('#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");
    },
});
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市律歼,隨后出現(xiàn)的幾起案子民镜,更是在濱河造成了極大的恐慌,老刑警劉巖险毁,帶你破解...
    沈念sama閱讀 218,036評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件制圈,死亡現(xiàn)場離奇詭異们童,居然都是意外死亡,警方通過查閱死者的電腦和手機鲸鹦,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,046評論 3 395
  • 文/潘曉璐 我一進(jìn)店門慧库,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人馋嗜,你說我怎么就攤上這事齐板。” “怎么了葛菇?”我有些...
    開封第一講書人閱讀 164,411評論 0 354
  • 文/不壞的土叔 我叫張陵甘磨,是天一觀的道長。 經(jīng)常有香客問我眯停,道長济舆,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,622評論 1 293
  • 正文 為了忘掉前任莺债,我火速辦了婚禮滋觉,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘齐邦。我一直安慰自己椎侠,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,661評論 6 392
  • 文/花漫 我一把揭開白布侄旬。 她就那樣靜靜地躺著,像睡著了一般煌妈。 火紅的嫁衣襯著肌膚如雪儡羔。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,521評論 1 304
  • 那天璧诵,我揣著相機與錄音汰蜘,去河邊找鬼。 笑死之宿,一個胖子當(dāng)著我的面吹牛族操,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播比被,決...
    沈念sama閱讀 40,288評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼色难,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了等缀?” 一聲冷哼從身側(cè)響起枷莉,我...
    開封第一講書人閱讀 39,200評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎尺迂,沒想到半個月后笤妙,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體冒掌,經(jīng)...
    沈念sama閱讀 45,644評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,837評論 3 336
  • 正文 我和宋清朗相戀三年蹲盘,在試婚紗的時候發(fā)現(xiàn)自己被綠了股毫。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,953評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡召衔,死狀恐怖铃诬,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情薄嫡,我是刑警寧澤氧急,帶...
    沈念sama閱讀 35,673評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站毫深,受9級特大地震影響吩坝,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜哑蔫,卻給世界環(huán)境...
    茶點故事閱讀 41,281評論 3 329
  • 文/蒙蒙 一钉寝、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧闸迷,春花似錦嵌纲、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,889評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至今阳,卻和暖如春师溅,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背盾舌。 一陣腳步聲響...
    開封第一講書人閱讀 33,011評論 1 269
  • 我被黑心中介騙來泰國打工墓臭, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人妖谴。 一個月前我還...
    沈念sama閱讀 48,119評論 3 370
  • 正文 我出身青樓窿锉,卻偏偏與公主長得像,于是被迫代替她去往敵國和親膝舅。 傳聞我的和親對象是個殘疾皇子嗡载,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,901評論 2 355

推薦閱讀更多精彩內(nèi)容