您的位置:首页 > Web前端 > JQuery

jquery中分页插件datatables各个参数

2018-03-27 20:40 686 查看
    $(document).ready(function() {  
        $('#example').dataTable();//其中example为table的id,table中必须有thead!  
    } );  

进行参数的配置:

"bPaginate": true, //翻页功能  
"bLengthChange": true, //改变每页显示数据数量  
"bFilter": true, //过滤功能  
"bSort": true, //排序功能  
"bInfo": true,//页脚信息  
"bAutoWidth": true,//自动宽度
默认排序:

"aaSorting": [[ 4, "desc" ]],//设置第5个元素为默认排序 
隐藏部分列的内容:
    
"aoColumnDefs": [  
{ "bSearchable": false, //是否可搜索
"bVisible": false, //是否可见
"aTargets": [ 2 ] }//哪一列 
]  
修改表单显示位置:

"sDom": '<"top"i>rt<"bottom"flp><"clear">'  
<div class="top">这里显示 当前条数,总共条数</div>  
这里显示 请求中的提示信息,表单内容  
<div class="bottom">这里显示 搜索框,每页数量选择,翻页按钮</div>  
<div class="clear"></div>  
   
//l - 每页数量选择select  
//f – 搜索框search  
//t – 表单内容table  
//i – 当前条数,总共条数information  
//p – 翻页按钮pagination  
//r – 请求中的提示信息  
//< 和 > – 一个div的开始与结束  
//<"class"> – class为div的class名称  
保存当前页信息为cookie,默认关闭:

"bStateSave": true  //如果用户关闭页面之后,再重新打开该列表会和之前的一模一样(长度、过滤、分页、排序)
 修改默认分页显示样式:

"sPaginationType": "full_numbers"  
 x轴宽度限制:

"sScrollX": "100%",  
"sScrollXInner": "110%",  
"bScrollCollapse": true  
x、y轴均限制:

"sScrollY": 200,  
"sScrollX": "100%",  
"sScrollXInner": "110%"  
语言设置:

"oLanguage": {  
"sLengthMenu": "每页显示 _MENU_条",  
"sZeroRecords": "没有找到符合条件的数据",  
"sProcessing": "<img src=’./loading.gif’ />",  
"sInfo": "当前第 _START_ - _END_ 条 共计 _TOTAL_ 条",  
"sInfoEmpty": "木有记录",  
"sInfoFiltered": "(从 _MAX_ 条记录中过滤)",  
"sSearch": "搜索:",  
"oPaginate": {  
"sFirst": "首页",  
"sPrevious": "前一页",  
"sNext": "后一页",  
"sLast": "尾页"  
}  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  datatable.js javascript