$(document).ready(function() {
    $('#example').dataTable({
"sScrollX""100%",   //表格的宽度
  "sScrollXInner""110%",   //表格的内容宽度
  "bScrollCollapse"true,  //当显示的数据不足以支撑表格的默认的高度时,依然显示纵向的滚动条。(默认是false) 
"bPaginate"true,  //是否显示分页
  "bLengthChange"true,  //每页显示的记录数
  "bFilter"true//搜索栏
  "bSort"true//是否支持排序功能
  "bInfo"true//显示表格信息
  "bAutoWidth"false,  //自适应宽度
  "aaSorting": [[1, "asc"]],  //给列表排序 ,第一个参数表示数组 (由0开始)。1 表示Browser列。第二个参数为 desc或是asc
  "aoColumns": [
      null,
      null,
      {
          "bVisible"true//不可见
          "bSearchable"false//参与搜索
      },
      null,
      null
  ], //列设置,表有几列,数组就有几项
   "bStateSave"true//保存状态到cookie *************** 很重要 , 当搜索的时候页面一刷新会导致搜索的消失。使用这个属性就可避免了
  "sPaginationType""full_numbers"//分页,一共两种样式,full_numbers和two_button(默认)
  "oLanguage": {
      "sLengthMenu""每页显示 _MENU_ 条记录",
      "sZeroRecords""对不起,查询不到任何相关数据",
      "sInfo""当前显示 _START_ 到 _END_ 条,共 _TOTAL_ 条记录",
      "sInfoEmtpy""找不到相关数据",
      "sInfoFiltered""数据表中共为 _MAX_ 条记录)",
      "sProcessing""正在加载中...",
      "sSearch""搜索",
      "sUrl"""//多语言配置文件,可将oLanguage的设置放在一个txt文件中,例:Javascript/datatable/dtCH.txt
      "oPaginate": {
          "sFirst":    "第一页",
          "sPrevious"" 上一页 ",
          "sNext":     " 下一页 ",
          "sLast":     " 最后一页 "
      }
  }, //多语言配置
 "bJQueryUI"false//可以添加 jqury的ui theme  需要添加css
       "aLengthMenu": [[10, 25, 50, -1, 0], ["每页10条""每页25条""每页50条""显示所有数据""不显示数据"]]  //设置每页显示记录的下拉菜单
    });
});

直接调用默认的设置

$('#example').dataTable();

最新文章

  1. linq 实现动态 orderby
  2. java的几种对象(PO,VO,DAO,BO,POJO)解释
  3. Android IOS WebRTC 音视频开发总结(七四)-- WebRTC开源5周年了,Google怎么看?
  4. 2层Xml读取类
  5. [产品相关] A/B测试终极指南(翻译)
  6. 含有特殊字符的JSON串解析方法
  7. PHP 更高效的字符长度判断方法(转)
  8. [转载]css hack
  9. 怎样在loop中处理异常
  10. Android系统移植与驱动开发——第七章——LED驱动
  11. LoadLibraryW 参数问题
  12. 蓝桥杯 0/1背包问题 (java)
  13. 使用redis所维护的代理池抓取微信文章
  14. hdu 5016 点分治(2014 ACM/ICPC Asia Regional Xi'an Online)
  15. AVL Tree 操作
  16. sql server 实现split功能 行转列
  17. Final Cut Pro X for Mac(FCPX专业视频剪辑工具)实用技巧篇!
  18. WebStorm中配置node.js(Windows)
  19. Qt与JS(三)
  20. Space Replacement

热门文章

  1. Android studio 插件之 GsonFormat (自己主动生成javabean)
  2. web网站架构演变过程
  3. Wordpress 建站(一)
  4. ZOJ - 3471 Most Powerful (状态压缩)
  5. HTML5----CSS3图片滤镜(filter)特效
  6. Matplotlib作图基础
  7. JSON参数
  8. fused multiply and add
  9. 中文man
  10. C# oracle 参数传递的多种方式 留着复习