配置你想要的DataTables

$('#dataTable_ID1').dataTable({
    //"aaSorting" : [[1, "asc"]], //默认的排序方式,第1+1列,升序排列
    "aLengthMenu" : [5, 10, 25, 50, 100], //更改显示记录数选项(默认:[10,25,50,100])
    "bAutoWidth" : false, // 禁用自适应宽度(默认:true)
    //"bDeferRender":false,//推迟创建表元素每个元素,直到它们都创建完成(默认:false)
    "bDestroy" : true,//重新初始化表格,未匹配到表格则新建 (默认:false)
    "bFilter" : false,// 不适用搜索框过滤(默认:true)
    //"bInfo" : true, //显示页脚信息,左下角显示记录数(默认:true)
    //"bJQueryUI" : false, //不使用使用 jQury的UI theme(默认:false)
    "bLengthChange" : true,//显示每页几条数据的显示框(默认:true)
    //"bPaginate" : true, //显示(应用)分页器,不开启全显示(默认:true)
    "bProcessing" : true,//加载进度提示(默认:false)
    //"bScrollInfinite" : true, //启动初始化滚动条(默认:false)
    //"bRetrieve":false,//使用指定的选择器检索表格,注意,如果表格已经被初始化,该参数会直接返回已经被创建的对象,并不会顾及你传递进来的初始化参数对象的变化,将该参数设置为true说明你确认已经明白这一点,如果你需要的话,bDestroy可以用来重新初始化表格(默认:false)
    "bServerSide" : true,//启动服务器端数据导入(默认:false)
    "bSort" : true,//启用字段可排序(默认:true) TODO:单个列排序可禁用
    //"bStateSave" : true,//开启状态缓存,如分页信息,展示长度,开启后在ajax刷新纪录的时候不会将个性化设定重置为初始化状态,如: 会导致默认的aaSorting设置失效(默认:false)
    //"bScrollCollapse" : true, //开启高度自适应,当数据条数不够分页数据条数的时候,插件高度随数据条数而改变
    //"bScrollAutoCss":true,//指明滚动的标题元素是否被允许设置内边距和外边距等(默认:true)
    //"bScrollCollapse":false,//当垂直滚动被允许的时候,不强制强制表格视图在任何时候都是给定的高度(默认:false)
    //"bSortCellsTop":false,//允许使用底部的单元格,true为顶部(默认:false)
    //"iCookieDuration":7200,//cookie储存时长(单位:s)(默认:7200)
    //"iDeferLoading":null,//延时加载(type:int)(默认:null)
    //"iDisplayLength":10,//每页显示几条数据(默认:10)
    //"iDisplayStart":0,//当前页开始的记录序号(默认:0)
    //"iScrollLoadGap":100,//当前页面还有多少条数据可供滚动时自动加载新的数据(默认:100)
    "sDom": '<"top"l>rt<"bottom_left"i><"bottom_right"p><"clear">',//布局定义
        //格式指定:包括分页,显示多少条数据和搜索等
        //The following options are allowed:
        //    'l' - 左上角按个下拉框,10个,20个,50个,所有的哪个
        //    'f' - 快速过滤框
        //    't' - 表格本身
        //    'i' - 分页信息
        //    'p' - 分页按钮
        //    'r' - 现在正在加载中……
        //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">'
        //解析结果:
        //    <div class="top">
        //    i
        //    </div>
        //    rt
        //    <div class="bottom">
        //    flp
        //    </div>
        //    <div class="clear"></div>
    "sPaginationType" : "full_numbers",//全页数显示 || "two_button":显示两个按钮(默认:two_button)
    "sAjaxSource" : mediaHost+'/wxUsers/getDataTable1',
    //"sAjaxDataProp" : "aaDataName",//指定返回的数据对象名称(默认:aaData)
    //"sScrollX" : 720, //DataTables的宽,可以是css设置,或者一个数字(单位:px),大于则开启水平滚动(默认:"blank string - i.e. disabled")
    //"sScrollY" : 480, //DataTables的高,可以是css设置,或者一个数字(单位:px),大于则开启垂直滚动(默认:"blank string - i.e. disabled")
    //"sCookiePrefix" : "SpryMedia_DataTables_",//指定cookie前缀(默认:"SpryMedia_DataTables_")


    //初始化过滤状态
    //"oSearch":{
    //    "sSearch":"value",
    //    "bRegex":false, //value不当成正则式
    //    "bSmart":true //灵活匹配策略
    //},

    //数据表列值
    "aoColumns" : [ {
        "mDataProp" : "data_properties0",
        "sClass" : "center",
        "bSortable" : false
        //"sDefaultContent":"",//此列默认值为"",防数据无值报错
        //"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" : "正在加载数据,请稍后...",
        "sLengthMenu" : "每页显示 _MENU_ 条记录",
        "sZeroRecords" : "没有数据!",
        "sEmptyTable" : "表中无数据存在!",
        "sInfo" : "当前显示 _START_ 到 _END_ 条,共 _TOTAL_ 条记录",
        "sInfoEmpty" : "显示0到0条记录",
        "sInfoFiltered" : "数据表中共有 _MAX_ 条记录",
        //"sInfoPostFix": "",
        //"sSearch": "搜索:",
        //"sUrl": "",
        //"sLoadingRecords": "载入中...",
        //"sInfoThousands": ",",
        "oPaginate" : {
            "sFirst" : "首页",
            "sPrevious" : "上一页",
            "sNext" : "下一页",
            "sLast" : "末页"
        }
        //"oAria": {
        //    "sSortAscending": ": 以升序排列此列",
        //    "sSortDescending": ": 以降序排列此列"
        //}
    },
    /**
     *
     * @param nRow 当前行内容
     * @param aaData 当前数据对象
     * @param iDisplayIndex 当前行索引,从0开始
     * @param iDisplayIndexOfAadata 当前对象所在对象数组的索引,从0开始
     * @returns {*}
     */
    "fnRowCallback" : function(nRow, aaData, iDisplayIndex, iDisplayIndexOfAadata) {

        //修改第一列为多选框内容
        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");
    },
});
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,390评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,821评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,632评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,170评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,033评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,098评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,511评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,204评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,479评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,572评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,341评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,213评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,576评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,893评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,171评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,486评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,676评论 2 335

推荐阅读更多精彩内容