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": "尾页"
}
}
$('#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": "尾页"
}
}
相关文章推荐
- jquery分页插件datatables各参数详细说明及简单应用
- jquery分页插件datatables各参数详细说明及简单应用
- 带有查询和排序功能的jquery分页插件——DataTables
- jQuery插件DataTables分页开发心得体会
- jQuery插件---datatables参数配置详解
- jquery插件之DataTables 参数介绍
- jquery插件之DataTables 详细参数说明
- jquery插件paginathing实现表格分页
- 使用JQuery实现的分页插件分享
- jQuery-ui插件datepicker的参数使用详解
- 分享几款基于bootstrap和jquery的分页插件
- 改写Jquery的一个分页插件
- php + jquery ui插件 + jquery pager插件 实现新闻的 标签分类 + 无刷新分页
- javascript-jquery插件--FlexGrid 用法参数
- jquery.dataTables--插件使用方法
- Jquery 分页插件 Jquery Pagination
- JQuery扩展插件Validate 3通过参数设置错误信息
- 基于jquery 的前端分页插件
- jQuery 分页插件
- jPList – 实现灵活排序和分页功能的 jQuery 插件