jquery.dataTable.js 基础配置记录
$("#mainTable").dataTable({ /* * sErrMode * 错误信息显示方式 * 分别为alert和throw,默认为alert */ "sErrMode": "throw", /* * sDom * 布局方式,可以自定义,布局项,也可以调换布局顺序 * 详解: * <> 表示一个闭合的div 例如:<> = <div></div> * <"类名称"> 表示一个class="类名称"的闭合的div 例如: <"rad"> = <div class="rad"></div> * l 每行显示的记录数 * f 搜索框 * r 加载时的进度条 * t 表格,即实际的<table></table> * p 分页条 * i 数据信息, 每页显示x条数据、第x条-第x条、供x条数据,默认是英文 */ "sDom": '<lf>rt<lpi><"clear">', /* * sServerMethod * 数据获取方式 * POST/GET,默认是GET */ "sServerMethod": "POST", /* * bDeferRender * 是否启用延迟加载:当你使用AJAX数据源时,可以提升速度。 * 默认为false */ "bDeferRender": true, /* * sScrollXInner * 表格宽度 */ "sScrollXInner": "100%", /* * bScrollCollapse * 当显示的数据不足以支撑表格的默认的高度时,依然显示纵向的滚动条。(默认是false) */ "bScrollCollapse": false, /* * bPaginate * 是否开启分页,默认是true */ "bPaginate": true, /* * bLengthChange * 是否允许用户,在下拉列表自定义选择分页大小(10, 25, 50 and 100),需要分页支持 * 默认为true */ "bLengthChange": false, /* * bFilter * 是否启用内置搜索功能:可以跨列搜索。 * 默认为true */ "bFilter": true, /* * bSort * 是否开启列排序功能,如果想禁用某一列排序,可以在每列设置使用bSortable参数 */ "bSort": true, /* * bInfo * 是否显示表格相关信息:例如翻页信息等。 * 默认值:True */ "bInfo": true, /* * bAutoWidth * 是否启用自动适应列宽 * 默认值:True */ "bAutoWidth": false, /* * bStateSave * 是否开启cookies保存当前状态信息 * 默认值:false */ "bStateSave": false, /* * sPaginationType * 分页方式 * dataTable提供full_numbers和two_button,默认是two_button * 这里采用的是自定义分页myPagination,详细参见jquery.dataTable.custom.js */ "sPaginationType": "myPagination", /* * bProcessing * 是否显示加载时进度条,默认为false */ "bProcessing": true, /* * iDisplayLength * 默认每页显示多少条记录 */ "iDisplayLength": 10, /* * aLengthMenu * 允许用户选择每页显示多少条记录 */ "aLengthMenu": [[50, 100, -1], ["50", "100", "所有"]], /* * oLanguage * 语言设置,dataTable默认为英文,可再此设置中文显示 * 注意:_MENU_、_START_、_END_、_TOTAL_、_MAX_等通配 */ "oLanguage": { "sLengthMenu": "每页显示 _MENU_ 条记录", "sZeroRecords": "对不起,没有匹配的数据", "sInfo": "第 _START_ - _END_ 条 / 共 _TOTAL_ 条数据", "sInfoEmpty": "没有匹配的数据", "sInfoFiltered": "(数据表中共 _MAX_ 条记录)", "sProcessing": "正在加载中...", "sSearch": "全文搜索:", "oPaginate": { "sFirst": "第一页", "sPrevious": " 上一页 ", "sNext": " 下一页 ", "sLast": " 最后一页 " } }, /* * aoColumns * 数据列 * mData 数据源属性 * sTitle 列头 * bSortable 是否参与排序 * mRender 自定义显示内容,可返回html、字符串 */ "aoColumns": [{ "mData": 'id', "sTitle": "ID", "bSortable": true }, { "mData": 'name', "sTitle": "Name", "bSortable": true }, { "mData": 'age', "sTitle": "Age", "bSortable": true, "mRender": function (data, type, row) { return data; } }, { "mData": 'work', "sTitle": "Work", "bSortable": true }], /* * fnInitComplete * 表格初始化完成后的回调 */ "fnInitComplete": function () { }, /* * fnDrawCallback * 表格绘制完成后的回调 */ "fnDrawCallback": function () { }, /* * 数据源url,ajax请求路径 */ "sAjaxSource": "xx/xx/xxx/xxx/xxx" });