读书人

js的table排序,支持多浏览器多列与此

发布时间: 2012-11-25 11:44:31 作者: rapoo

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/?专业电子器件代购

?

读书人网 >JavaScript

热点推荐