配置你想要的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>'
        //    'ip>'
        //例子:
        //'<"top"i>rt<"bottom"flp><"clear">'
        //解析结果:
        //    
// i //
// rt //
// flp //
//
"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 = ''; $('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)