javascript Table排序
2009-12-27 17:23
423 查看
基本步骤
1,把需要排序的行放到tbody中(程序会直接取tbody的rows);
2,把排序行放到一个数组中;
this.Rows = Map(this.tBody.rows, function(o){ return o; });
3,按需求对数组进行排序(用数组的sort方法);
this.Rows.sort(Bind(this, this.Compare, orders, 0));
4,用一个文档碎片(document.createDocumentFragment())保存排好序的行;
var oFragment = document.createDocumentFragment();
forEach(this.Rows, function(o){ oFragment.appendChild(o); });
ps:文档碎片并不是必须的,但建议使用,大量dom操作时使用文档碎片会更有效率。
5,把文档碎片插入到tbody中。
this.tBody.appendChild(oFragment);
相关文章推荐
- 用Javascript进行简单的Table点击排序. 【转:http://www.cnblogs.com/robot/archive/2008/08/21/1161801.html】
- JavaScript Table排序 2.0 (更新)
- JavaScript html js Table排序
- 用Javascript进行简单的Table点击排序[转]
- JavaScript Table排序
- Javascript对table表格进行排序
- javascript小组件 原生table排序表格脚本(兼容ie firefox opera chrome)
- javascript: 带分组数据的Table表头排序
- Auntion-TableSort国人写的一个javascript表格排序的东西
- JavaScript Table排序
- JavaScript Table排序
- 用Javascript进行简单的Table点击排序.
- javascript table排序 这个更简单了,不用改变现在的表格结构
- javascript table排序之jquery.tablesorter.js
- JavaScript Table排序
- JavaScript Table排序
- Javascript 类库(table内容排序)
- javascript 实现简单的table排序
- javascript 表格排序和表头浮动效果(扩展SortTable)