表头里使用了colspan/rowspan后,就不灵了——有人在bbs.jquery.org.cn问了半年,也不见答案
http://bbs.jquery.org.cn/read.php?tid-2318-fpage-11.html
看tablesorter自己的介绍,说是支持的:http://tablesorter.com/docs/ (下面红底部分)
Introduction
tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell. It has many useful features including:
Multi-column sorting
Parsers for sorting text, URIs, integers, currency, floats, IP addresses, dates (ISO, long and short formats), time. Add your own easily
Support for ROWSPAN and COLSPAN on TH elements!
Support secondary "hidden" sorting (e.g., maintain alphabetical sort when sorting on other criteria)
Extensibility via widget system
Cross-browser: IE 6.0+, FF 2+, Safari 2.0+, Opera 9.0+
Small code size
仔细看看,好像是列号的判断出了问题:多行跨列时,这个插件还是按从上到下、从左到右地遍历表头里的th,按遇到的顺序设置列号
|c1|c2 |c3 |c4|
| |--+--+--+--+--| |
||c5|c6|c7|c8|c9| |
以上面的表头为例,其实只有7列;c8对应的实际上是第5列,但是tablesorter以为它是第8列!
现在th有一个属性设置的机会:<th ... class="{sorter:'text'}">用于指示该列的排序比较模式(按文本还是数值还是日期。。。。来比较该列的内容),不知道能不能扩展为:<th ... class="{sorter:'text'; truecolumn:'5'}">来指示点击该列表头,实际上将按第5列的内容来排序。。。。。。。。
这样就需要改写jquery.tablesorter.js文件。
分享到:
相关推荐
"基于Jquery的前台按表头排序"是一种实现方式,它允许用户通过点击表格的列头来对数据进行升序或降序排序,而无需向服务器发送额外的请求。这种方式提高了页面的交互性和响应速度,尤其在数据量不大的情况下非常实用...
`tablesorter`的核心功能在于它能够监听表格的表头(thead)点击事件,通过内置的算法对表格行(tr)进行动态排序。它支持多种类型的排序,包括数字、日期、字母顺序等,并且可以自定义排序规则。以下是对`...
如果遇到兼容问题,可以通过更新jQuery版本、修复CSS样式或调整JavaScript代码来解决。 7. **实例演示** 解压缩提供的`test`文件,你会发现一个名为`tablesort.html`的示例文件。打开此文件,可以看到一个预配置好...
这个库使得用户可以通过点击表头轻松地对表格数据进行升序或降序排列,提供了丰富的自定义选项和功能扩展,大大增强了网页中表格的交互性和用户体验。 首先,我们要理解`jQuery.tablesorter`的基本用法。它依赖于...
tablesorter默认支持点击表头进行升序或降序排序。你可以通过设置`headers`选项来自定义列的排序行为。例如,禁用第一列的排序: ```javascript $("#myTable").tablesorter({ headers: { 0: {sorter: false} // ...
6. **触发排序**:用户点击表头时,Tablesorter会自动排序当前列。若需手动触发排序,可以使用`.trigger('sorton', [[columnIndex, sortDirection]])`方法,其中`columnIndex`是列索引,`sortDirection`是升序(0)...
用户只需点击表头,就能自动对表格数据进行升序或降序排序。这个插件不仅支持数字和字母的排序,还能够处理日期、货币和自定义排序规则,极大地提升了用户体验。 集成jQuery Tablesorter的步骤如下: 1. **引入...
然而,GridView默认并不支持客户端排序,即用户无法通过点击表头来实现数据的升序或降序排列。为了解决这个问题,我们可以引入jQuery库及其插件tablesorter,实现客户端表格排序功能。 tablesorter是一款强大的...
tablesorter默认会根据表头中的文本对表格进行排序,但也可以通过设置`headers`选项来自定义排序规则。例如,如果你想让某一列按数字而不是文本排序,可以这样做: ```javascript $(document).ready(function() { ...
**jQuery 插件 Tablesorter 详解** Tablesorter 是一款功能强大的 jQuery 插件,专为HTML表格提供排序功能。它允许用户通过点击表头轻松地对表格数据进行升序或降序排序,极大地提升了网页中数据展示的交互性和用户...
要在网页中使用jQuery表格排序插件,首先需要确保已经正确加载了jQuery库。接着可以通过以下步骤引入jQuery TableSorter插件: ```html <!DOCTYPE html> <meta charset="UTF-8"> <title>jQuery表格排序示例 <!...
首先,`jquery.tablesorter`的核心功能是通过监听表格的点击事件来触发列的排序。当用户点击表头时,插件会根据当前列的数据对整个表格进行重新排列。它支持多种数据类型,包括数字、日期、文本等,并且可以自定义...
TableSorter.js是jQuery的一个强大扩展,它允许用户通过简单的点击表头来动态排序表格中的数据,而无需服务器端的交互。 ### jQuery和TableSorter.js简介 jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历...
当用户点击表格的表头时,jQuery表格排序插件会根据指定的列内容进行升序或降序排序。它通过分析单元格的文本或数据来决定排序顺序,可以处理各种类型的数据,如数字、日期甚至自定义排序规则。 4. **其他相关文件...
用户只需在表格上简单地点击表头,即可对表格数据进行升序或降序排列。此外,Tablesorter还支持自定义排序函数,满足各种复杂的数据排序需求。 **2. 表格内容筛选** Tablesorter提供了内置的筛选功能,允许用户根据...
它允许用户通过点击表头来对表格中的数据进行升序或降序排序,同时还能添加分页功能,使大量数据的处理变得轻松。 ### 1. 安装与引入 首先,你需要在项目中引入jQuery库和TableSorter插件。通常,你可以通过CDN...
首先,要使用 jQuery UI 的 tablesorter 功能,你需要确保引入了以下两个关键的 JavaScript 文件: 1. jQuery 库:这是所有 jQuery 插件的基础,通常可以从 `https://code.jquery.com/jquery-3.x.x.min.js` 获取...
jQuery提供了方便的数据排序插件,如`jquery.tablesorter`,它允许用户对表格数据进行点击列头进行升序或降序排序。`jquery.tablesorter`不仅可以处理基本的文本排序,还能处理日期、数字等复杂类型的排序。 2. **...
在传统的表格排序中,用户点击表头进行排序时,页面会重新加载以展示排序后的结果。无刷新排序则是通过JavaScript动态改变表格内容,无需整个页面重新加载,从而提高了交互速度和用户体验。 jQuery中实现表格无刷新...
Tablesorter通过监听DOM事件(如点击表头)来触发排序和过滤操作。它将表格数据抽象为内部结构,通过比较函数对数据进行排序,并更新DOM结构以反映新的排序状态。分页功能则是通过维护一个虚拟的表格视图,只显示...