JQuery DataTables 配置参数说明

本篇介绍一下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);

猜你喜欢

转载自blog.csdn.net/shuai_wy/article/details/81387996
今日推荐