本篇介绍一下JQuery DataTables 各配置参数的意义。下面介绍的这些参数,不用每次都写,我们可以抽离出来,每次在通用配置的基础上,进行个性化的配置即可。
介绍已经写在注释里了,通用配置包含 语言、分页、样式等设置。
以后其他参数意义,也会添加到这里。
/**
* @description common config
* @author wangyushuai@fang.coom
*/
$.fn.dtconfig = {
processing: true,//是否显示加载中提示
autoWidth: false,//是否自动计算表格各列宽度
info: true,//是否显示页数信息
pagingType:"full_numbers",//分页样式
pageLength :10,//默认表格长度
searching: false,//是否显示搜索框
ordering:false,
serverSide: true,//是否从服务器获取数据
stateSave: false,//页面重载后保持当前页
lengthChange: true,//表格长度是否可变更
lengthMenu: [ 10, 15,25, 50, 75, 100 ],//长度菜单
sServerMethod: "POST", //已失效
language: {
lengthMenu: "每页显示 _MENU_记录",
zeroRecords: "没有匹配的数据",
info: "第_PAGE_页/共 _PAGES_页 ( 共\_TOTAL\_条记录 )",
infoEmpty: "没有符合条件的记录",
search: "查找",
infoFiltered: "(从 _MAX_条记录中过滤)",
paginate: { "first": "首页 ", "last": "末页", "next": "下一页", "previous": "上一页" },
processing: "正在加载..."
},
responsive: true,
scrollX: true
}
使用的时候,我们可以直接在此基础上添加、使用,如:
$.fn.dtconfig.ajax = {url:"/path"};
$('#dataTables').DataTables($.fn.dtconfig);