jquery中分页插件datatables各个参数

本文介绍如何使用jQuery DataTable插件进行详细的配置,包括翻页、排序等功能的启用,以及如何定制表格外观和语言设置等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  1.     $(document).ready(function() {  
  2.         $('#example').dataTable();//其中example为table的id,table中必须有thead!  
  3.     } );  

进行参数的配置:

  1. "bPaginate": true, //翻页功能  
  2. "bLengthChange": true, //改变每页显示数据数量  
  3. "bFilter": true, //过滤功能  
  4. "bSort": true, //排序功能  
  5. "bInfo": true,//页脚信息  
  6. "bAutoWidth": true,//自动宽度

默认排序:

  1. "aaSorting": [[ 4, "desc" ]],//设置第5个元素为默认排序 

隐藏部分列的内容:

    

  1. "aoColumnDefs": [  
  2. { "bSearchable": false, //是否可搜索
  3. "bVisible": false, //是否可见
  4. "aTargets": [ 2 ] }//哪一列 
  5. ]  

修改表单显示位置:

  1. "sDom": '<"top"i>rt<"bottom"flp><"clear">'  
  1. <div class="top">这里显示 当前条数,总共条数</div>  
  2. 这里显示 请求中的提示信息,表单内容  
  3. <div class="bottom">这里显示 搜索框,每页数量选择,翻页按钮</div>  
  4. <div class="clear"></div>  
  5.    
  6. //l - 每页数量选择select  
  7. //f – 搜索框search  
  8. //t – 表单内容table  
  9. //i – 当前条数,总共条数information  
  10. //p – 翻页按钮pagination  
  11. //r – 请求中的提示信息  
  12. //< 和 > – 一个div的开始与结束  
  13. //<"class"> – class为div的class名称  

保存当前页信息为cookie,默认关闭:

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

 修改默认分页显示样式:

  1. "sPaginationType": "full_numbers"  

 x轴宽度限制:

  1. "sScrollX": "100%",  
  2. "sScrollXInner": "110%",  
  3. "bScrollCollapse": true  

x、y轴均限制:

  1. "sScrollY": 200,  
  2. "sScrollX": "100%",  
  3. "sScrollXInner": "110%"  

语言设置:

  1. "oLanguage": {  
  2. "sLengthMenu": "每页显示 _MENU_条",  
  3. "sZeroRecords": "没有找到符合条件的数据",  
  4. "sProcessing": "&lt;img src=’./loading.gif’ /&gt;",  
  5. "sInfo": "当前第 _START_ - _END_ 条 共计 _TOTAL_ 条",  
  6. "sInfoEmpty": "木有记录",  
  7. "sInfoFiltered": "(从 _MAX_ 条记录中过滤)",  
  8. "sSearch": "搜索:",  
  9. "oPaginate": {  
  10. "sFirst": "首页",  
  11. "sPrevious": "前一页",  
  12. "sNext": "后一页",  
  13. "sLast": "尾页"  
  14. }  







评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值