html 表格行排序,用客户端HTML表格排序对行进行分组

可用于逻辑上(不一定是语义上)可用的唯一元素是将相关的行分组在一起的是

，因为它有效地具有多个元素。但是，由于实现tablesorter的方式，这在这种情况下不会有任何帮助。

我可以看到在的tablesorter源代码一个未记录的配置选项 - appender - 这允许指定一个函数，它接受被排序的表，并包含分类的行的数据结构被附加到它达到预期的重新排序，但我看不到任何选项可让您配置在排序时查看哪些行。

如果这个难题的第一部分在那里，您可以使用它来限制考虑排序到真实数据行的行，并使用appender选项提供一个函数，该函数附加每个排序的行和其下一行的兄弟行。

编辑：这里有一个快速和肮脏的执行额外的一块你需要和使用例子：

修改的buildCache方法，从行195起，以jquery.tablesorter.js：

var rowsToSort = table.config.rowsToSort ? table.config.rowsToSort(table) : table.tBodies[0].rows;

var totalRows = rowsToSort.length,

totalCells = (rowsToSort[0] && rowsToSort[0].cells.length) || 0,

parsers = table.config.parsers,

cache = {row: [], normalized: []};

使用这对我来说与样品表的工作原理：

$(document).ready(function() {

$.tablesorter.defaults.debug = true;

// Select every other row as sorting criteria

$.tablesorter.defaults.rowsToSort = function(table)

{

var rows = [];

var allRows = table.tBodies[0].rows;

for (var i = 0, l = allRows.length; i < l; i += 2)

{

rows.push(allRows[i]);

}

return rows;

};

// Append each row and its next sibling row

$.tablesorter.defaults.appender = function (table, rows)

{

for (var i = 0, l = rows.length; i < l; i++)

{

var row = rows[i][0];

var buddyRow = $(row).next("tr").get(0);

table.tBodies[0].appendChild(row);

table.tBodies[0].appendChild(buddyRow);

}

};

$("table").tablesorter();

});

html 表格行排序,用客户端HTML表格排序对行进行分组相关推荐

基于Metronic的Bootstrap开发框架经验总结（16）-- 使用插件bootstrap-table实现表格记录的查询、分页、排序等处理...
在业务系统开发中,对表格记录的查询.分页.排序等处理是非常常见的,在Web开发中,可以采用很多功能强大的插件来满足要求,且能极大的提高开发效率,本随笔介绍这个bootstrap-table是一款非常有 ...
ag-grid 学习笔记三：ag-grid设置（定义列、选择行、复选框、设置行高列宽、置顶合计行、底部合计行、行组、客户端排序）
目录一定义列二选择行三设置复选框四设置行高列宽五置顶合计行六底部合计行七行组八客户端排序一定义列表格的列有如下常用属性. 名称说明 headerName 显示的 ...
Qt可拖拽排序表格（解决滚动条不兼容问题，类似QQ好友分组排序）
原版链接 https://blog.csdn.net/dpsying/article/details/77206127 Qt可拖拽排序表格(类似QQ好友分组排序) 感谢博主无私分享修改后,解决了滚动 ...
Excel教程：排序-筛选-切片-插入表格
excel 教程:B站学习地址前五节是用txt记的,6-10节有图片说明. 第一节 shift + table 光标左移每列表头鼠标放置出现"竖线",双击,达到"自 ...
实验七：掌握基本的MapReduce编程方法 (JAVA+Python实现)(编程实现文件合并和去重操作,编写程序实现对输入文件的排序,对给定的表格进行信息挖掘)
一.实验目的: 1. 理解MapReduce的工作机制: 2. 掌握基本的MapReduce编程方法 3. 重点理解map过程,shuffle过程和reduce过程二.实验环境: Hadoop+Ec ...
phpexcel_cell 获取表格样式_Java 操作Word表格——创建嵌套表格、添加/复制表格行或列、设置表格是否禁止跨页断行...
精品推荐国内稀缺优秀Java全栈课程-Vue+SpringBoot通讯录系统全新发布! Docker快速手上视频教程(无废话版)[免费] 作者:E-iceblue https://www.cnblo ...
html带颜色表格怎么做,使用HTML添加表格4（行颜色与表格嵌套）——零基础自学网页制作...
行颜色设置的简便方法使用HTML添加表格4(行颜色与表格嵌套)--零基础自学网页制作昨天我们在<使用HTML添加表格3(间距与颜色)--零基础自学网页制作>(目录在结尾)中学习了设置单 ...
layui表格点击排序按钮后，表格绑定事件失效解决方法
layui表格点击排序按钮后,表格绑定事件失效解决方法参考文章: (1)layui表格点击排序按钮后,表格绑定事件失效解决方法 (2)https://www.cnblogs.com/gongliha ...
layui表格设置默认排序_layui table对表格数据处理后的排序问题
table模块是layui最核心的组成之一,它用于对表格进行一些列功能和动态化数据操作.在 table模块对表格数据处理后排序可能出现问题,本文就来为大家介绍一下解决这种问题的方法. 使用layui ...

html 表格行排序,用客户端HTML表格排序对行进行分组

html 表格行排序,用客户端HTML表格排序对行进行分组相关推荐

最新文章

热门文章