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" ???????}); ???????