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

时间：2014-06-30 00:13:41 阅读：262 评论：0 收藏：0 [点我收藏+]

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

ajax json 表格排序，分页，自定义每页数量,布布扣,bubuko.com

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

标签：style http java color get width

原文地址：http://blog.csdn.net/freejs/article/details/35551877

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行