想要实现点击列头进行排序,table中的内容为动态数据,表头输出固定,内容只有一行(一个tr)循环输出,网上找到的代码都是对固定数据进行排序的。求一份动态数据排序的代码。最好能写一小点代码方便理解。
只有一行,怎么展示排序的结果?
<table> <tr> <td onclick="sortData()" data-sort='asc' class='head'>表头</td> </tr> <tr class='data'> <td>数据</td> </tr></table>
function sortData(){ var sortString = $(".head").attr('data-sort'); //获取你的查询条件 和sortString //ajax请求 $(".data").remove();//把以前的数据移除掉 //拼接数据 替换 }
<table> <tr> <td onclick="sortData()" data-sort='asc' class='head'>表头</td> </tr> <tr class='data'> <td>数据</td> </tr></table>
function sortData(){ var sortString = $(".head").attr('data-sort'); //获取你的查询条件 和sortString //ajax请求 $(".data").remove();//把以前的数据移除掉 //拼接数据 替换 }