`

js针对html的数据列排序 tablesort.js(收集)3

 
阅读更多
function sort(tableId, sortColumn,nodeType) {  
    var table = document.getElementById("theTable");  
    var tableBody = table.tBodies[0];  
    var tableRows = tableBody.rows;  
      
      
    var rowArray = new Array();  
    for (var i = 0; i < tableRows.length; i++) {  
        rowArray[i] = tableRows[i];  
    }  
    if (table.sortColumn == sortColumn) {  
        rowArray.reverse();  
    } else {  
        rowArray.sort(generateCompareTR(sortColumn, nodeType));  
    }  
    var tbodyFragment = document.createDocumentFragment();  
    for (var i = 0; i < rowArray.length; i++) {  
        tbodyFragment.appendChild(rowArray[i]);  
    }  
    tableBody.appendChild(tbodyFragment);  
    table.sortColumn = sortColumn;  
}  
 
 
function generateCompareTR(sortColumn, nodeType) {  
    return function compareTR(trLeft, trRight) {  
        var leftValue = convert(trLeft.cells[sortColumn].firstChild.nodeValue, nodeType);  
        var rightValue = convert(trRight.cells[sortColumn].firstChild.nodeValue, nodeType);  
        if (leftValue < rightValue) {  
            return -1;  
        } else {  
            if (leftValue > rightValue) {  
                return 1;  
            } else {  
                return 0;  
            }  
        }  
    };  
}  
 
 
function convert(value, dataType) {  
    switch (dataType) {  
      case "int":  
        return parseInt(value);  
      case "float":  
        return parseFloat(value);  
      case "date":  
        return new Date(Date.parse(value));  
      default:  
        return value.toString();  
    }  
}
分享到:
评论

相关推荐

    表格排序插件jquery.tableSort.js

    1. **多列排序**:jquery.tableSort.js支持多列同时排序,用户可以通过点击不同的表头实现对多个字段的排序。 2. **自动检测数据类型**:插件会自动识别表格单元格中的数据类型(如数字、日期、字符串等),并根据...

    (转)tablesort.js(类)

    `tablesort.js`是一个用于HTML表格排序的JavaScript库,它允许用户通过点击表格列头对表格数据进行升序或降序排序,而无需与服务器进行交互,即不需要重新连接数据库。这种功能对于处理大量静态数据或者在前端展示...

    TableSort.js表格排序插件使用方法详解

    TableSort.js是一款用于网页中表格数据排序的JavaScript插件。它通过增加排序功能,使得用户能够在前端对表格中的数据进行便捷的排序操作。在本文中,我们将详细介绍TableSort.js的使用方法,从基本概念到具体的实现...

    jquery.tableSort.js表格排序插件使用方法详解

    jQuery.tableSort.js是一款强大的表格排序插件,它允许用户通过点击表头实现数据的升序或降序排列,极大地提升了用户体验。下面将详细介绍如何使用jQuery.tableSort.js来实现表格排序功能。 首先,使用jQuery....

    javascript_tableSort_排序

    3. 使用JavaScript遍历`&lt;tbody&gt;`中的所有行,获取对应列的数据并进行比较。 4. 根据比较结果重新排序行元素,并插入到表格中。 **3. 自动排序** 为了实现更复杂和灵活的排序,可以编写一个通用的排序函数,该函数...

    JQuery_tableSort.rar

    3. 多列排序:支持同时对多个列进行排序,可以通过`multiSort`参数开启多列排序功能。 五、注意事项 1. 表格结构:确保表格拥有正确的HTML结构,`&lt;thead&gt;`用于定义表头,`&lt;tbody&gt;`用于存放数据行。 2. 数据格式:...

    TableSort 表格排序

    "TableSort" 是一个专门用于JavaScript表格排序的库,它允许用户对中文、英文、数字以及日期等类型的数据进行高效、灵活的排序。 TableSort库的核心功能在于其内置的多种排序算法,可以处理不同类型的表格数据。...

    tablesort-js

    "tablesort-js"是一个基于JavaScript的库,专为HTML表格设计,用于实现动态表格和列排序功能。在网页开发中,特别是在数据展示方面,能够对表格数据进行排序是非常实用的功能,用户可以方便地按需对数据进行升序或...

    js 表格排序

    - 自动排序:`TableSort`会自动检测表格的每一列数据类型,如数字、日期、字符串等,并使用适当的比较函数进行排序。 - 多列排序:支持多列排序,可以通过配置多个排序规则。 - 自定义排序:可以扩展库的功能,...

    表格排序插件的引入文件

    `jquery.tableSort.js` 就是一个专门用于表格排序的JavaScript插件,它允许用户通过点击表头来实现数据的升序或降序排列。这个插件基于jQuery库,因此在使用前需要确保已经引入了jQuery。 首先,我们要理解jQuery的...

    sort.js实现table表单点击列名排序

    table列点击排序功能JS实现,表单table显示的时候,点击表单列名实现升序以及降序功能!

    表格排序

    总结来说,"表格排序"这个主题涵盖了解析HTML表格数据、利用JavaScript库(如jQuery和tablesort.js)增强用户体验,以及如何通过编程接口定制排序规则。这些技能在现代网页开发中是非常重要的,特别是在处理大量数据...

    jquery.sorttable.js

    jquery.sorttable.js库是用于html table 排序插件库

    jquery-tablesort:用于可排序表的小巧而简单的jQuery插件

    一个用于排序表的小巧而简单的jQuery插件。 这是一个基本的。维护者通缉 我不再使用这个库了,也没有时间单独维护它。 如果您有兴趣帮助我维护此库,请告诉我! 您的帮助将不胜感激!安装只需将jQuery和tablesort...

    tablesort:用纯JavaScript编写的小型表排序器

    表排序一个小型且简单的排序组件,用于用JavaScript编写的表。快速开始下载此存储库的ZIP或通过命令行安装: npm install tablesort # Or if you're using Yarn yarn add tablesort &lt; script src =' tablesort....

Global site tag (gtag.js) - Google Analytics