ajax json 表格排序,分页,自定义每页数量
来源:互联网 发布:大数据导论ppt 编辑:程序博客网 时间:2024/04/30 12:18
ajax json 表格排序,分页,自定义每页数量
点击表头可以排序,按照升序或者降序,另外支持多列排序
设置每页数量
演示
XML/HTML Code
- <table id='example3'>
- <thead>
- <tr>
- <th>ID</th>
- <th>First name</th>
- <th>Last name</th>
- <th>Grade</th>
- <th>Grade 2</th>
- <th>Efficiency</th>
- <th>Age</th>
- <th>Company</th>
- </tr>
- </thead>
- <tbody>
- </tbody>
- </table>
JavaScript Code
- <script type='text/javascript'>
- $(function() {
- $.ajax({
- url: "example3.json",
- dataType: "json"
- }).done(function(data) {
- console.log(data);
- $("#example3").slimtable({
- tableData: data
- });
- }).fail(function(param1,param2) {
- console.log("error: "+param2);
- });
- });
- </script>
example3.json
XML/HTML Code
- [
- [ "1", "ex1", "ex_a", "2,5", "2.5", "30%", "19", "ex_a1" ],
- [ "2", "ex2", "ex_b", "5,4", "5.4", "28,5%", "33", "ex_b1" ],
- [ "3", "ex3", "ex_c", "16,7", "16.7", "19,3%", "33", "ex_c1" ],
- [ "4", "ex4", "ex_d", "2,8", "2.8", "1,8%", "28", "ex_b1" ],
- [ "5", "ex6", "ex_e", "2,5", "2.5", "2,85 %", "44", "ex_a1" ],
- [ "6", "ex7", "ex_f", "5,5", "5.5", "16%", "52", "ex_d1" ],
- [ "7", "ex8", "ex_g", "6,8", "6.8", "1,9%", "39", "ex_e1" ],
- [ "8", "ex9", "ex_h", "6,8", "6.8", "1,9 %", "28", "freejs.net" ]
- ]
原文地址:http://www.freejs.net/article_fenye_156.html
1 0
- ajax json 表格排序,分页,自定义每页数量
- 分页计算总页数算法:总页数=(总数-1)/每页数量+1----总页数=(总数+每页数量-1)/每页数量
- AJAX 表格字段数据排序,点击表头每列排序
- jsp单页面数据库查询模板:支持分页、排序、简单搜索、设置每页显示页数功能
- jsp单页面数据库查询模板:支持分页、排序、简单搜索、设置每页显示页数功能
- jsp根据总页数和每页显示数分页
- 表格排序+分页
- ajax+json异步分页。
- ajax json分页demo
- GridView分页数据处理,在sql存储过程中取得每页数据
- JQuery easyui Datagrid 分页事件 . 获取当前页数page和每页行数rows
- 关于DataGridView分页后 每页数据过大加载缓慢卡死的问题
- memcache的搜索次数,每页数据存在memcache中,分页普通页面
- ajax+servlet+mysql表格分页
- ajax+js+dom+json+php+mysql实现漂亮的表格各行变色与google分页效果
- 自定义表格排序(JS)
- 带有分页排序功能的表格插件的使用(通过ajax获取后台数据)
- 分页总页数
- 高级.NET工程师必须掌握的知识点
- 2010-09-03 19:00 Windows 7 下安装Smtp的替代方法可以解决php 的mail()函数报错问题
- MySQL GUI Tools的简单实用
- project logs
- ubuntu 使用APT软件包管理器安装Google Chrome 可以随源自动更新
- ajax json 表格排序,分页,自定义每页数量
- iOS block语法学习
- 【笔记】深入理解计算机系统
- NYOJ--484 The Famous Clock
- 黑马android28期
- cocos2d-x 3.0 预加载pvr资源
- dts 内核展开平台设备
- 设计模式之代理模式
- The Triangle