码迷,mamicode.com
首页 > Web开发 > 详细

jquery.dataTable.js 基础配置记录

时间:2017-11-28 15:40:39      阅读:239      评论:0      收藏:0      [点我收藏+]

标签:hang   lang   bst   记录   query   throw   自定义分页   相关   previous   

$("#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"
        });
        

 

jquery.dataTable.js 基础配置记录

标签:hang   lang   bst   记录   query   throw   自定义分页   相关   previous   

原文地址:http://www.cnblogs.com/jfeng/p/7909832.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!