ajax json 表格排序，分页，自定义每页数量
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" ]
- ]
相关推荐
周公周金桥 2020-09-06
大象从不倒下 2020-07-31
AlisaClass 2020-07-19
MaureenChen 2020-04-21
xingguanghai 2020-03-13
teresalxm 2020-02-18
木四小哥 2013-05-14
SoShellon 2013-06-01
Simagle 2013-05-31
羽化大刀Chrome 2013-05-31
waterv 2020-01-08
LutosX 2013-07-29
vanturman 2013-06-27
wutongyuq 2013-04-12
luoqu 2013-04-10
today0 2020-09-22
89520292 2020-09-18
bigname 2020-08-25