javascript实现table排序...
时间:2010-08-12 来源:dongtianlaile
对于简单的表格排序来说,利用JavaScript实现table排序,一般可分为4个步骤:
1.读取html页面的节点数据(方便之后的操纵数据)
2.将表格内容数据存入到数组中(利用一个for循环)
3.调用数组的sort方法进行排序(另外,可以在sort方法中定义排序规则,不如是升序还是降序;需要定义一个compare()比较大小的方法和一个convert()转换数据类型的方法)
4.将数组数据添加到表格中(一般都是先创建文档碎片,将数据添加到文档碎片中,然后将文档碎片一次性添加到html页面)
对于复杂一点的表格排序:
1.含图标显示功能的:定义一个变量,用于判断排序是升序还是降序,根据排序方式显示不同的图标
2.中文排序:JavaScript内部定义了一个localeCompare()方法,用于实现以本地方式进行比较
3.分页排序:利用JavaScript实现分页排序,比较复杂,可以选择适当的插件来实现
另外,大家可以利用一些框架进行开发,比如jQuery。
相关阅读 更多 +