《JS实现table表格数据排序功能(可支持动态数据+分页效果)_.docx》由会员分享，可在线阅读，更多相关《JS实现table表格数据排序功能(可支持动态数据+分页效果)_.docx（6页珍藏版）》请在三一文库上搜索。
1、JS实现table表格数据排序功能(可支持动态数据+分页效果)_ 这篇文章主要介绍了JS实现table表格数据排序功能(可支持动态数据+分页效果) 的相关资料，特别不错，具有参考借鉴价值，需要的伴侣一起看看吧 会常常遇到分页的效果,尤其是盼望实现静态的html分页排序(html分页信任大家都已经有自己的解决方案.在这里就不多说).我写了一个简洁的Demo排序. 数据就是字母和数字两组.(汉字需要找到asc码) 原理就是利用数组自带的sort排序,进行表格重组.已在.net mvc 中测试过.支持分页.(申明一点.只对当前页面数据排序 无刷新,对全部页面排序的话,确定需要刷新.这点我还在解决中.
2、)盼望有新想法的高手们,给下教导. 下面把html的代码贴出来: !DOCTYPE HTML PUBLIC -/W3C/DTD HTML 4.0 Transitional/EN HTML xmlns=l HEADTITLEjs操作刷新/TITLE META http-equiv=Content-Type content=text/html; charset=utf-8 ; script language=javaScript src=l(); ); /得到要排列的列的元素，并在末尾追加此刻的挨次（从1开头） $(className).each(function() listName.push(
3、$(this).text()+i); listNameOld.push($(this).text()+i); i+; ); /将要排序的元素排序 mySort(listName); /推断排序后元素位置是否发生改变 for(var j=0;jlistName.length;j+) if(listNamej.substring(listNamej.length-listNameOldj.length)!=listNameOldj) b=true; break; /排序后，依据从前追加的挨次得到此时tr的挨次 for(var j=0;jlistName.length;j+) listSort.pu
4、sh(parseInt(listNamej.substring(listNamej.length-1); $(#tableNeed).html(); /按挨次追加tr，若排序后元素挨次未改变，则倒序追加 $(#tableNeed).append(tr class=header+listTr0+/tr); if(b) for(var j=0;jlistSort.length;j+) $(#tableNeed).append(tr+listTrlistSortj+/tr); else for(var j=listSort.length-1;j=0;j-) $(#tableNeed).append(
5、tr+listTrlistSortj+/tr); /首先按字符个数排序，然后按相对应的字符大小排序 function mySort(list) var len=0; var add=; for(var i=0;ilist.length;i+) var str=listi; if(str.lengthlen) len=str.length; for(var i=0;ilen;i+) add+=0 for(var i=0;ilist.length;i+) var strOne=add+listi; listi=strOne.substring(strOne.length-len); list.so
6、rt(); /- /SCRIPT BODY TABLE id=tableNeed border=1 trtd onclick=sortt(.1)数字/tdtd onclick=sortt(.2)字母/tdtd onclick=sortt(.3)数字和字母/td/tr trtd class=111/tdtd class=2ee/tdtd class=31a/td/tr trtd class=122/tdtd class=2gg/tdtd class=37g/td/tr trtd class=133/tdtd class=2cc/tdtd class=3d4/td/tr trtd class=14
7、4/tdtd class=2aa/tdtd class=33c/td/tr trtd class=155/tdtd class=2dd/tdtd class=3e5/td/tr trtd class=166/tdtd class=2ff/tdtd class=3f6/td/tr trtd class=177/tdtd class=2hh/tdtd class=32b/td/tr trtd class=188/tdtd class=2bb/tdtd class=3h8/td/tr /TABLE /BODY/HTML 以上所述是我给大家介绍的JS实现table表格数据排序功能(可支持动态数据+分页效果) ，盼望对大家有所关心 .