ajax json 表格排序，分页，自定义每页数量

 点击表头可以排序，按照升序或者降序，另外支持多列排序

设置每页数量

ajax json 表格排序，分页，自定义每页数量
演示

 

XML/HTML Code
  1. <table id='example3'>  
  2.   
  3. <thead>  
  4. <tr>  
  5.  <th>ID</th>  
  6.  <th>First name</th>  
  7.  <th>Last name</th>  
  8.  <th>Grade</th>  
  9.  <th>Grade 2</th>  
  10.  <th>Efficiency</th>  
  11.  <th>Age</th>  
  12.  <th>Company</th>  
  13. </tr>  
  14. </thead>  
  15.   
  16. <tbody>  
  17. </tbody>  
  18.   
  19. </table>  

 

JavaScript Code
  1. <script type='text/javascript'>  
  2. $(function() {  
  3.     $.ajax({  
  4.         url: "example3.json",  
  5.         dataType: "json"  
  6.     }).done(function(data) {  
  7.         console.log(data);  
  8.         $("#example3").slimtable({  
  9.             tableData: data  
  10.         });  
  11.     }).fail(function(param1,param2) {  
  12.         console.log("error: "+param2);  
  13.     });  
  14. });  
  15. </script>  

 example3.json

XML/HTML Code
  1. [  
  2.     [ "1", "ex1", "ex_a", "2,5", "2.5", "30%", "19", "ex_a1" ],  
  3.     [ "2", "ex2", "ex_b", "5,4", "5.4", "28,5%", "33", "ex_b1" ],  
  4.     [ "3", "ex3", "ex_c", "16,7", "16.7", "19,3%", "33", "ex_c1" ],  
  5.     [ "4", "ex4", "ex_d", "2,8", "2.8", "1,8%", "28", "ex_b1" ],  
  6.     [ "5", "ex6", "ex_e", "2,5", "2.5", "2,85 %", "44", "ex_a1" ],  
  7.     [ "6", "ex7", "ex_f", "5,5", "5.5", "16%", "52", "ex_d1" ],  
  8.     [ "7", "ex8", "ex_g", "6,8", "6.8", "1,9%", "39", "ex_e1" ],  
  9.     [ "8", "ex9", "ex_h", "6,8", "6.8", "1,9 %", "28", "freejs.net" ]  
  10. ]  

 


原文地址: http://www.freejs.net/article_fenye_156.html
GitHub 加速计划 / js / json
18
5
下载
适用于现代 C++ 的 JSON。
最近提交(Master分支：2 个月前 )
6be4e856 2 天前
663058e7 4 天前
Logo
GitCode 开源社区

旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。

更多推荐

[转载]在Windows环境下安装GNU Radio

转自：在Windows环境下安装GNURadio_恐弱智_新浪博客GNU Radio是用Python开发的，大部分开源的工程能够在Linux环境下运行良好，而Windows下却运行的很勉强，而且安装配置都很复杂。GNU Radio算是个例外了，不光提供了Windows的二进制安装，还有比较详细的说明。我是Python小白，所以折腾了好久才弄好，特意记录下来，免得以后再装还折腾。GNU Radio的

avatar GitCode 开源社区

centOS 8 使用dnf安装Docker

DNF是什么？CentOS 8使用YUM软件包管理器版本v4.0.4。现在，该版本使用DNF(已删除YUM)。DNF是软件包管理器。它会在Linux发行版上安装，执行更新并删除软件包。使用DNF安装Docker跳过具有损坏依赖性的程序包一个有效的解决方案是使您的CentOS 8系统使用以下--nobest命令安装最符合条件的版本：sudo dnf install docker...

avatar GitCode 开源社区

定时同步数据库表(mysql+linux+crontab)

sync.sh里面的参数需要改变，ip/username/password/database/tablesync.sh#!/bin/sh# Please change the IP and password of the data source db.# Then change the table name.filename=/home/nington/db/$(date +%Y-%m

avatar GitCode 开源社区