`

javascriptTable排序

 
阅读更多

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);

<script language="javascript" type="text/javascript" src="http://files.cnblogs.com/robot/TableSorter.js"></script>
分享到:
评论

相关推荐

    JavaScript Table排序

    JavaScript表格排序是一个常见的需求,特别是在网页中展示数据时。它允许用户通过点击表头来对数据进行升序或降序排列。在这个实例中,我们将深入探讨JavaScript如何实现表格的动态排序。 首先,我们需要理解HTML...

    javascript table排序 2.0 (更新)

    JavaScript表格排序2.0是一个更新版本的实现,用于在网页中的HTML...通过这些更新,JavaScript Table排序2.0不仅提升了用户体验,也提供了更强大、更灵活的功能,使得开发者可以轻松地在项目中集成和定制表格排序功能。

    javascript Table排序

    JavaScript表格排序是网页开发中常见的需求,特别是在处理动态数据或者用户交互时。本文将深入探讨如何使用JavaScript实现表格数据的排序功能。 首先,我们需要理解HTML `&lt;table&gt;`元素的基本结构。一个表格由`...

    JavaScript Table排序 2.0 (更新)

    本文介绍的JavaScript Table排序2.0版本,相较于早期版本进行了更新和改进,接下来我将详细阐述这些知识点。 1. 对字符串改用localeCompare来比较 在进行排序时,尤其是涉及到字符串的比较,localeCompare是一个...

    javascript实现Table排序的方法

    JavaScript实现表格排序主要涉及以下知识点: 1. 获取表格对象:在JavaScript中,可以通过document.getElementById方法获取页面中的元素对象。比如,可以使用此方法获取一个表格(table)元素对象,这里以tblData...

    javascript table排序 这个更简单了,不用改变现在的表格结构

    在JavaScript中,对HTML表格(`&lt;table&gt;`)进行排序是一项常见的需求,特别是在处理大量数据时,用户可能希望根据特定列来动态调整表格顺序。在不改变表格结构的前提下,可以利用JavaScript实现这样的功能,通常涉及...

    javascript 操作 Table 排序

    在JavaScript中,操作HTML表格(Table)进行排序是一项常见的任务,尤其在动态数据展示和用户交互中。本文将深入探讨如何使用JavaScript实现表格数据的排序功能。 首先,我们需要理解HTML表格的基本结构。一个HTML...

    js对Table排序经典

    在JavaScript(js)中,对HTML表格(Table)进行排序是一项常见的需求,特别是在网页交互和数据展示中。本文将深入探讨如何使用JavaScript实现点击表头进行动态排序,并处理各种复杂情况,如包含HTML标签的单元格、...

    html中table排序

    以下是一些关于“html中table排序”的关键知识点: 1. **静态排序**: - HTML的`&lt;table&gt;`标签提供了基本的表格结构,如`&lt;thead&gt;`(表头)、`&lt;tbody&gt;`(主体内容)、`&lt;tfoot&gt;`(表尾)等,但它们不具备排序功能。 ...

    JavaScript html js Table排序

    程序的实现的是在客户端对表格进行排序,有以下特点: 1.自定义排序列、排序属性(例如innerHTML)、排序数据类型(包括int、float、date、string)、排序顺序(顺序和倒序); 2.自定义排序函数; 3.可同时设置...

    实现table排序(以备不时之需)

    本篇将围绕"实现table排序(以备不时之需)"这一主题,详细讲解如何利用jQuery及其插件来实现表格数据的动态排序。 首先,我们看到标签中提到了"源码"和"工具",这意味着我们将探讨一段具体的代码和可能使用的工具...

    js代码操作table排序功能

    在JavaScript中,对HTML表格(`&lt;table&gt;`)进行排序是一项常见的需求,特别是在动态数据展示和用户交互的应用中。本文将深入探讨如何使用JavaScript实现表格数据的排序功能。 首先,我们要理解HTML表格的基本结构,...

    jquery table 排序插件

    本篇文章将深入探讨“jQuery Table Sort”插件,这是一种专门用于在jQuery环境下对表格数据进行排序的工具。 首先,我们要理解jQuery Table Sort插件的基本工作原理。这个插件允许用户通过点击表格的表头来实现数据...

    很好用的javascript_table排序包含测试文件

    在这个"很好用的javascript_table排序"示例中,我们可以通过分析源代码来学习如何实现这个功能。虽然这个实现可能并不完美,但它提供了一些基本的技巧和原理,有助于理解JavaScript如何处理表格数据的排序。 首先,...

    原生js table表格自动排序效果

    在JavaScript的世界里,实现表格(table)数据的自动排序是一项常见的需求。这通常涉及到对HTML DOM的操作以及数据处理。在给定的资源中,“原生js table表格自动排序效果”提供了一个无需依赖任何外部库(如jQuery...

    很灵活的javascript 表格排序 功能强大 可自定义排序规则

    2. 初始化表格:通过JavaScript代码将表格标记为可排序,例如`sorttable.makeSortable(table)`。 3. 自定义排序规则:根据需要,为特定列定义排序函数。 在提供的压缩包中,`readme.txt`文件可能包含了关于如何使用...

    table排序分页

    在网页开发中,"table排序和分页"是常见的数据展示功能,特别是在处理大量结构化数据时。Table,也就是表格,是一种直观、清晰地展示数据的方式。本篇将深入探讨table排序和分页的实现机制及其重要性。 一、Table...

    Javascript表格排序大全

    JavaScript表格排序大全是一个涵盖多种JS表格排序实现方法的资源集合,旨在帮助开发者快速实现动态、交互式的表格数据排序功能。在网页开发中,表格是一种常用的数据展示方式,而JavaScript能够为表格提供强大的交互...

Global site tag (gtag.js) - Google Analytics