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);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值