`
iseesea
  • 浏览: 46250 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

tablesorter绑定排序时排除内部表,和某些行不参与排序

 
阅读更多
     tablesort很强大,但是有时候也很不足,比如我想让某些行不参与排序只是跟着前一行移动,或者我table里面有inner table的时候,绑定外层表的时候总会影响到内部的表。其实要让他实现这些很简单,

step1,让表中的某些tr不参与排序而是和他的前一行捆在一起,在代码里,有一个遍历所有tr的双重循环,并对每一个tr判断操作,只要在判断里面加个条件并与原条件或,可以用hasclass之类的方法做条件,就可以了,那个符合tr就会跟随他前面最近那个不符合条件的tr移动了 ;

step2,只要让内部表与外部表完全分离就不会被影响了,只要改代码里面的buildheader 函数,里面取thead的时候只需取第一个thead就可以。这样内部表就不会被影响了;
我js较差,花了好久才弄出来,公司还是很包容的,嘎嘎,希望有人一起讨论
分享到:
评论

相关推荐

    jquery tablesorter,表格排序带分页

    jQuery TableSorter是一款强大的JavaScript插件,它使得表格排序和分页变得简单易行,无需复杂的配置,适用于各种浏览器,包括IE和Firefox。下面我们将详细探讨jQuery TableSorter的使用方法、核心功能以及如何实现...

    jquery.tablesorter表格排序

    基于jquery.tablesorter.js修改,原文件支持中文排序,只是修改成表头和排序表格可分开,也可在同一个表格里,包里含demo, tests/demo.html及tests/demo1.html

    jquery 可自定义日期排序的tablesorter

    在网页开发中,表格数据的展示和排序是一项常见的需求。jQuery的Tablesorter插件提供了一种强大的解决方案,特别是对于日期排序,它允许开发者根据特定格式自定义日期的比较方式。本文将深入探讨如何使用jQuery的...

    tablesorter页面表格排序工具

    例如,你可以设置默认的排序列和排序顺序,或者设定特定列不参与排序。此外,tablesorter还支持排序事件监听,可以方便地在排序前后执行自定义操作,如数据处理或UI更新。 在处理复杂数据时,tablesorter表现出色。...

    jquery.tablesorter js排序 页面物理排序

    总的来说,`jQuery.tablesorter`是一个强大且灵活的表格排序工具,它使开发者能够轻松地为网页表格添加交互式排序功能,同时提供了一系列的定制选项以适应各种需求。通过深入理解和熟练运用,我们可以创建出更加动态...

    tablesorter实现HTML表格点击表头排序

    `tablesorter`的核心功能在于它能够监听表格的表头(thead)点击事件,通过内置的算法对表格行(tr)进行动态排序。它支持多种类型的排序,包括数字、日期、字母顺序等,并且可以自定义排序规则。以下是对`...

    jquery tablesorter对表格进行排序

    例如,你可以设置默认的排序列和排序顺序,或者禁用某些列的排序功能。 ```javascript $("#myTable").tablesorter({ headers: { 0: { sorter: false }, // 禁用第一列的排序 3: { sortInitialOrder: 'desc' } /...

    jquery.tablesorter.js +排序、分页、ajax demo

    本文将围绕"jquery.tablesorter.js +排序、分页、ajax demo"这一主题,深入探讨tablesorter插件的核心功能和实际运用。 首先,tablesorter是一个强大的jQuery插件,由Christian Bach开发,主要用于表格的排序功能。...

    tablesorter-master表格排序.zip

    在网页开发中,表格数据的展示和排序是一项常见的需求。为了提升用户体验,许多开发者选择使用JavaScript库或插件来实现这一功能。今天我们要深入探讨的是一款名为"tablesorter-master"的jQuery插件,它以其高效、...

    实现table表格可按行拖拽,按列排序,并可以保存排序后的结果

    结合使用jQuery、jQuery.tablesorter和jQuery.tablednd_0_5,你可以创建一个功能强大的交互式表格,不仅支持行拖放,还能记录并恢复用户的排序偏好,极大地提高了用户在数据管理方面的体验。这三种工具的结合使用,...

    Juery解决tablesorter中文排序和字符范围的方法

    默认情况下,`tablesorter`使用Unicode值对字符进行排序,这并不符合我们通常按汉字拼音顺序排序的习惯。为了解决这个问题,我们可以重写`sortText`函数,利用JavaScript内置的`localeCompare`方法。`localeCompare`...

    tablesorter例子

    在移动设备上,可能需要调整表格布局和排序功能。`tablesorter`可以配合响应式CSS框架,提供适应不同屏幕尺寸的体验。 10. **更新与维护**: `tablesorter`作为一个活跃的开源项目,定期发布更新以修复bug和添加...

    jquery插件tablesorter例子

    通过绑定事件处理程序,你可以根据用户从下拉菜单中选择的排序方式来调用 `$.tablesorter.sortTable()` 方法。 总结,Tablesorter 是一个强大且灵活的 jQuery 插件,能轻松实现表格数据的排序功能,同时支持自定义...

    tablesorter table 排序

    它支持多种类型的表格数据排序,如数字、日期、字符串等,并且可以处理带有头行(thead)和脚行(tfoot)的复杂表格。 ### 2. 安装与初始化 首先,确保你的页面已经引用了jQuery库。然后,你可以从官方网站或者...

    tablesorter.rar

    TableSorter 提供了一些API方法,如 `applyWidget`、`refreshWidgets` 和 `sortTable`,允许开发人员在运行时动态控制表格的排序和过滤状态。 综上所述,"tablesorter.rar" 包含的TableSorter库为Web开发者提供了...

    jQuery表格排序插件tablesorter.zip

    Tablesorter 是一个用来直接在浏览器上对表格数据进行排序的jQuery插件,无需再次刷新页面,支持多种单元格数据类型,例如数值、字符串、日期和自定义排序。主要的特点包括:多列排序支持文本、URL地址、数值、IP...

    jQuery表格排序插件 TableSorter

    Tablesorter 是一个用来直接在浏览器上对表格数据进行排序的jQuery插件,无需再次刷新页面,支持多种单元格数据类型,例如数值、字符串、日期和自定义排序。 主要的特点包括: •多列排序 •支持文本、URL地址、...

    jquery.tablesorter实现表格各列排序

    例如,你可以设置默认的排序列和排序方式,或者为特定列禁用排序功能。此外,还有事件监听器可以让你在排序发生时执行自定义操作。 ```javascript $("#myTable").tablesorter({ headers: { 0: { sorter: false },...

    tablesorter+行高亮+列高亮

    在这个项目中,开发人员面临的需求是不仅要有基本的排序功能,还需要实现行高亮和列高亮的效果,以提升用户体验和数据可视性。 首先,`tablesorter` 库的核心功能是表格排序。它允许用户通过点击表头来对表格中的...

    实现表格按照列排序和拖拽行排序

    对于`jquery.tablesorter.js`,我们可以指定要排序的列和排序规则。 CSS文件(可能包括`css`目录下的多个文件)用于定义表格的样式,包括字体、颜色、边框、背景等,以提高视觉效果。主题文件(`theme`目录)提供了...

Global site tag (gtag.js) - Google Analytics