文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>javascript实现table排序...

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。

相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载