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

发布时间：2020-12-16 00:30:31 所属栏目：百科来源：网络整理

导读：ajax json 表格排序，分页，自定义每页数量点击表头可以排序，按照升序或者降序，另外支持多列排序设置每页数量演示 XML/HTML Code table id = 'example3' thead tr th ID / th th Firstname / th th Lastname / th Grade / th Grade2 / th Efficiency /

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

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

设置每页数量

演示

 
  XML/HTML Code 
 
 
  <tableid='example3'>
thead>
tr>
th>ID</th>
th>Firstname</th>
th>Lastname</th>Grade</th>Grade2</th>Efficiency</th>Age</th>Company</</tr>
thead>
tbody>
tbody>
table>
 
 

JavaScript Code

<scripttype=

'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%","ex_c1"],0);">["4","ex4","ex_d",8","2.8","1,8%","28",0);">["5","ex6","ex_e",85%","44",0);">["6","ex7","ex_f","5.5","16%","52","ex_d1"],0);">["7","ex8","ex_g","6,"6.8",9%","39","ex_e1"],0);">["8","ex9","ex_h","freejs.net"]
]

原文地址: http://www.freejs.net/article_fenye_156.html

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!