具体查看参考文档

https://datatables.net/examples/index

其他参看:https://www.cnblogs.com/amoniyibeizi/p/4548111.html

例子如下:

 jQuery(function ($) {//initiate dataTables pluginvar myTable =$('#dynamic-table')//.wrap("<div class='dataTables_borderWrap' />")   //if you are applying horizontal scrolling (sScrollX).DataTable({"bPaginate": true,  //是否显示分页"bLengthChange": true,  //每行显示的记录数"bFilter": true, //搜索栏"bSort": true, //是否支持排序功能"bInfo": true, //显示表格信息"bAutoWidth": false,  //自适应宽度"aaSorting": [[1, "asc"]],  //给列表排序 ,第一个参数表示数组 (由0开始)。1 表示Browser列。第二个参数为 desc或是asc"aoColumns": [//不排序与排序颜色不同{ "bSortable": false },null,null,null,null,null,{ "bSortable": false },{"bSortable": false,"bVisible": true, //不可见"bSearchable": false, //参与搜索},{"bSortable": false,"bVisible": true, //不可见"bSearchable": false, //参与搜索},{"bSortable": false,"bVisible": true, //不可见"bSearchable": false, //参与搜索},{"bSortable": false,"bVisible": true, //不可见"bSearchable": false, //参与搜索},{"bSortable": false,"bVisible": true, //不可见"bSearchable": false, //参与搜索}],//"bProcessing": true,//"bServerSide": true,//"sAjaxSource": "http://127.0.0.1/table.php"    ,//,//"sScrollY": "200px",//"bPaginate": false,//"sScrollX": "100%",//"sScrollXInner": "120%",//"bScrollCollapse": true,//Note: if you are applying horizontal scrolling (sScrollX) on a ".table-bordered"//you may want to wrap the table inside a "div.dataTables_borderWrap" element//"iDisplayLength": 50,"bStateSave": true, //保存状态到cookie *************** 很重要 , 当搜索的时候页面一刷新会导致搜索的消失。使用这个属性就可避免了"sPaginationType": "full_numbers", //分页,一共两种样式,full_numbers和two_button(默认)select: {style: 'multi'},"aaSorting": [],"oLanguage": {"sEmptyTable": "对不起,表中没有数据。","sInfo": "当前显示 _START_ 到 _END_ 条,共 _TOTAL_ 条记录","sInfoEmtpy": "找不到相关数据","sInfoFiltered": "(从 _MAX_ 条记录中过滤)","sInfoPostFix": " ","sInfoThousands": ",",//千位分隔符"sLengthMenu": "每页显示 _MENU_ 条记录","sLoadingRecords": "载入中...","sProcessing": "正在加载中...","sSearch": "搜索:","sZeroRecords": "对不起,搜索不到任何相关数据。","oPaginate": {"sFirst": "第一页","sPrevious": " 上一页 ","sNext": " 下一页 ","sLast": " 最后一页 "},"oAria": {"sSortAscending": "可以按升序对列进行排序","sSortDescending": "可以按降序对列进行排序"}//,//"sUrl": "", //多语言配置文件,可将oLanguage的设置放在一个txt文件中,例:Javascript/datatable/dtCH.txt}});

JQuery Tables 的应用(一)相关推荐

  1. php 导出tables,jquery+php实现导出datatables插件数据到excel的方法_php技巧

    本文实例讲述了jquery+php实现导出datatables插件数据到excel的方法.分享给大家供大家参考.具体如下: DataTables是一个jQuery的表格插件.这是一个高度灵活的工具,依 ...

  2. 240个jquery插件

    240个jquery插件 http://www.kollermedia.at/archive/2007/11/21/the-ultimate-jquery-plugin-list/ File uplo ...

  3. jQuery Tools:Web开发必备的 jQuery UI 库

    基本介绍 jQuery Tools 是基于 jQuery 开发的网站界面库,包含网站最常用的Tabs(选项卡).Tooltip(信息提示).Overlay(遮罩.弹窗).Scrollable(滚动控制 ...

  4. ajax异步后台存放购物车表,jQuery购物车插件jsorder用法(支持后台处理程序直接转换成DataTable处理)...

    本文实例讲述了jQuery购物车插件jsorder用法.分享给大家供大家参考,具体如下: JSORDER 案例 案例一:我的菜单(点击菜名即可加入菜单) 红烧豆腐 12元 毛血旺 32元 套餐:京酱肉 ...

  5. ajax传递对象数据集,用jquery和json从后台获得数据集的代码

    其实Json也就是一种数据的格式,在后台将数据封转为一种格式,然后在前台用相同的方法解析,类似于序列化.json格式主要是由键值对组成,它可以表示多个数据.比如 {name:zhangsan,age: ...

  6. 使用Asp.net MVC, Jquery, Jquery UI构建基于Ajax的RIA应用.(更新Demo下载)

    前天初学Asp.net MVC,发现有些东西用Web Form来做的确会比较方便. 但Asp.net MVC也有它的优点. 它如果跟Jquery和Jquery UI结合起来做基于Ajax的应用实在是太 ...

  7. jquery API

    jQuery API Documentation详细的API和例子说明,请参考文档:http://docs.jquery.com/Main_Page百度百科的解析:http://baike.baidu ...

  8. 一.jquery.datatables.js表格显示

    2014年8月10日星期日 使用jquery.datatables.js取后台数据. 1.html代码 <table class="dataTables-example"&g ...

  9. jQuery Pagination分页插件--无刷新

    源码:https://github.com/SeaLee02/FunctionModule/blob/master/UploadFiles/WebDemo/FenYE/FenYeAjax.aspx 代 ...

最新文章

  1. MYSQL 密码相关记录
  2. Eclipse的JQuery提示插件-Spket(别试了,没什么效果,且安装设置麻烦)
  3. 据说这篇总结覆盖了一般Python开发面试中可能会问到的大部分问题
  4. 天池 在线编程 两句话中的不常见单词(哈希计数)
  5. python中or关键字在变量赋值时的用法
  6. web监听器监听mysql_JavaWEB开发15——ListenerListener
  7. 在对比中理解 Node
  8. FreeMarker循环
  9. supervisor入门应用
  10. Python深度学习:Python数据处理及可视化(读书笔记)
  11. python控制苹果手机触摸屏失灵怎么办_苹果6sp屏幕失灵怎么办 这些解决方法绝对最易学...
  12. idc机房建设费用_成立一个IDC机房要多少钱
  13. 周鸿袆教你打造十页完美商业计划书的十条法则
  14. RHCSA认证考试---5.配置 crontab
  15. linux内核栈与用户栈及调用栈观察方法
  16. 【总结】解决MAPPO(Multi-Agent PPO)问题技巧
  17. Go线程模型异步编程的能力
  18. CSAPP深入理解计算机——bomblab(2018)
  19. 开源创新 协同融合|2023 开放原子全球开源峰会开源协作平台分论坛即将启幕
  20. NVivo最新v1.0重磅来袭!不一样的用户界面,不一样的体验!

热门文章

  1. Linux系统结构学习
  2. CSharpGL(19)用glReadPixels把渲染的内容保存为PNG图片(C#)
  3. eclipse运行 Maven Test命令时控制台输出乱码的解决办法
  4. FreeModbus 移植于STM32 实现Modbus RTU通信
  5. 关于一个js传值的错误
  6. IT建设的4化(转载)
  7. Oracle Study之--Oracle 11g RAC故障(Failed to create or upgrade OLR)
  8. 沈阳构建智慧产业体系 大数据企业5年后将超200家
  9. 《Ceph源码分析》——第1章,第5节RADOS
  10. iOS 本地时间与GMT时间相互转换