zoukankan      html  css  js  c++  java
  • 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"
            });
            
  • 相关阅读:
    json不支持中文写入的问题解决
    include(thinkphp常用内置标签)
    php如何设置编码格式
    模板替换
    获取网页内容之后图片不显示
    远程调用数据文件内容
    文件上传
    getError自动验证
    php文档编码设置
    获取网页内容时的乱码问题
  • 原文地址:https://www.cnblogs.com/jfeng/p/7909832.html
Copyright © 2011-2022 走看看