首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js的table排序,支持多浏览器,多列与此同时排序,自定义排序

2012-11-25 
js的table排序,支持多浏览器,多列同时排序,自定义排序简单且轻松自定义排序规则:1.initSortTable(asc,desc

js的table排序,支持多浏览器,多列同时排序,自定义排序

简单且轻松自定义排序规则:

1.initSortTable(asc,desc);是初始化排序预操作(其实就是传入两张图片地址,标识排序方向的)

2.在需要排序的表格table上添加监听事件,sortColumn();此处被我限定click事件作用在th对象上才有效的。

3.需要按列制定排序规则,即在th上添加type类型,例如<th type='string'>1</th>; 如果想要二重排序的话写成<th type='string,0'>1</th>,0标识列号,即本列排序时如果排序内容相同,则按照第零列排序。

4.这里的排序规则可以自由定义,当然目前的代码中只是传入了td单元格内容innerText值,也就是显示的文字。(不过你也可以修改下,传入一个对象)

?

可能文字描述不直观,附上一个例子吧:

?

?

具体代码如下,里面包含了一下我自定义处理,比较撮。

?

?

朋友的网站 http://woods2010.cn.alibaba.com/?专业电子器件代购

?

热点排行