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();
}
}
分享到:
相关推荐
1. **多列排序**:jquery.tableSort.js支持多列同时排序,用户可以通过点击不同的表头实现对多个字段的排序。 2. **自动检测数据类型**:插件会自动识别表格单元格中的数据类型(如数字、日期、字符串等),并根据...
`tablesort.js`是一个用于HTML表格排序的JavaScript库,它允许用户通过点击表格列头对表格数据进行升序或降序排序,而无需与服务器进行交互,即不需要重新连接数据库。这种功能对于处理大量静态数据或者在前端展示...
TableSort.js是一款用于网页中表格数据排序的JavaScript插件。它通过增加排序功能,使得用户能够在前端对表格中的数据进行便捷的排序操作。在本文中,我们将详细介绍TableSort.js的使用方法,从基本概念到具体的实现...
jQuery.tableSort.js是一款强大的表格排序插件,它允许用户通过点击表头实现数据的升序或降序排列,极大地提升了用户体验。下面将详细介绍如何使用jQuery.tableSort.js来实现表格排序功能。 首先,使用jQuery....
3. 使用JavaScript遍历`<tbody>`中的所有行,获取对应列的数据并进行比较。 4. 根据比较结果重新排序行元素,并插入到表格中。 **3. 自动排序** 为了实现更复杂和灵活的排序,可以编写一个通用的排序函数,该函数...
3. 多列排序:支持同时对多个列进行排序,可以通过`multiSort`参数开启多列排序功能。 五、注意事项 1. 表格结构:确保表格拥有正确的HTML结构,`<thead>`用于定义表头,`<tbody>`用于存放数据行。 2. 数据格式:...
"TableSort" 是一个专门用于JavaScript表格排序的库,它允许用户对中文、英文、数字以及日期等类型的数据进行高效、灵活的排序。 TableSort库的核心功能在于其内置的多种排序算法,可以处理不同类型的表格数据。...
"tablesort-js"是一个基于JavaScript的库,专为HTML表格设计,用于实现动态表格和列排序功能。在网页开发中,特别是在数据展示方面,能够对表格数据进行排序是非常实用的功能,用户可以方便地按需对数据进行升序或...
- 自动排序:`TableSort`会自动检测表格的每一列数据类型,如数字、日期、字符串等,并使用适当的比较函数进行排序。 - 多列排序:支持多列排序,可以通过配置多个排序规则。 - 自定义排序:可以扩展库的功能,...
`jquery.tableSort.js` 就是一个专门用于表格排序的JavaScript插件,它允许用户通过点击表头来实现数据的升序或降序排列。这个插件基于jQuery库,因此在使用前需要确保已经引入了jQuery。 首先,我们要理解jQuery的...
table列点击排序功能JS实现,表单table显示的时候,点击表单列名实现升序以及降序功能!
总结来说,"表格排序"这个主题涵盖了解析HTML表格数据、利用JavaScript库(如jQuery和tablesort.js)增强用户体验,以及如何通过编程接口定制排序规则。这些技能在现代网页开发中是非常重要的,特别是在处理大量数据...
jquery.sorttable.js库是用于html table 排序插件库
一个用于排序表的小巧而简单的jQuery插件。 这是一个基本的。维护者通缉 我不再使用这个库了,也没有时间单独维护它。 如果您有兴趣帮助我维护此库,请告诉我! 您的帮助将不胜感激!安装只需将jQuery和tablesort...
表排序一个小型且简单的排序组件,用于用JavaScript编写的表。快速开始下载此存储库的ZIP或通过命令行安装: npm install tablesort # Or if you're using Yarn yarn add tablesort < script src =' tablesort....