javascriptTable排序
2016-08-19 16:00
176 查看
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的创建 与 删除, 排序, 表格颜色
- JavaScript Table排序
- JavaScript -- 控制table的创建 与 删除, 排序, 表格颜色
- JavaScript Table排序 2.0 (更新)
- 通过javascript实现table表格排序分页功能(转)
- javascript table排序 这个更简单了,不用改变现在的表格结构
- JavaScript 实现table排序
- 用Javascript进行简单的Table点击排序. 【转:http://www.cnblogs.com/robot/archive/2008/08/21/1161801.html】
- JavaScript Table排序
- javascript实现Table排序的方法
- 实现table排序的Javascript类库
- JavaScript对Table进行排序
- JavaScript实现table排序
- Auntion-TableSort国人写的一个javascript表格排序的东西
- javascript组件——按thead排序的table
- Javascript 类库(table内容排序)
- javascript 实现简单的table排序