`
ollevere
  • 浏览: 265434 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jquery tablesorter对表格进行排序

 
阅读更多

参考 http://blog.csdn.net/junkai7043/article/details/6213183

解决空行和中文排序问题:http://www.cnblogs.com/novus/archive/2009/12/08/1619090.html

 

其中比较重要的一点是:自定义Parser

现在我们点击年龄等级,我们希望的顺序是少、青、中、老或者老、中、青、少这样排,但却发现排序的方式跟我们希望的不一样,这怎么办呢?替换,将中文替换成数字,我们通过数字排序来控制中文排序,代码如下:

$.tablesorter.addParser({
id: "grade", //指定一个唯一的ID
is: function(s){
   return false;
},
format: function(s){
   return s.toLowerCase().replace(/少/,1).replace(/青/,2).replace(/中/,3).replace(/老/,4); //将中文换成数字
},
type: "numeric" //按数值排序
});

$("#mytable").tablesorter({headers:{4:{sorter:"grade"},5:{sorter:false}}}); //将第四列(年龄等级)按前面定义的grade方式排序
 
分享到:
评论

相关推荐

    jquery tablesorter,表格排序带分页

    《jQuery TableSorter:实现高效表格排序与分页功能》 在网页开发中,数据的展示往往离不开表格,而对表格进行排序和分页则能极大地提升用户体验。jQuery TableSorter是一款强大的JavaScript插件,它使得表格排序和...

    jquery.tablesorter表格排序

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

    (完整实例)jquery实现表格内容静态排序,提高效率,jquery tablesorter.js

    ### 实现表格排序的步骤 1. **引入依赖**:首先,在HTML文件中,你需要引入jQuery库和TableSorter.js插件的脚本文件。通常,这些文件会从CDN或本地服务器加载。 ```html <script src="https://code.jquery....

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

    《jQuery表格排序插件tablesorter的深度解析与实践应用》 在Web开发中,数据展示和管理是一项重要任务,而表格是常见的数据承载形式。jQuery的tablesorter插件为开发者提供了一种便捷的方式,使得表格数据可以实现...

    jquery实现表格排序

    本文介绍了如何使用jQuery TableSorter插件实现表格排序功能,包括基本的初始化过程、配置斑马线效果以及进阶配置等内容。通过这些知识点的学习,开发者可以在自己的项目中轻松地实现高效、美观的表格排序功能,提升...

    jquery.tablesorter实现表格各列排序

    总的来说,`jquery.tablesorter`是一个强大且灵活的表格排序工具,它为Web开发者提供了便捷的方式来管理和展示数据。通过深入理解和应用其各种特性,你可以创建出用户友好、交互性强的表格应用。在实际项目中,结合...

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

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

    jquery_tablesorter.js

    `jQuery Tablesorter` 是一个基于 `jQuery` 的开源插件,主要用于表格数据的排序,提供了用户友好的交互式表格排序功能。这个插件能够轻松地将任何HTML表格转化为可排序的状态,支持多种排序方式,如升序、降序以及...

    jQuery表格排序插件tablesorter.zip

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

    jquery表格插件Tablesorter插件 表格内容筛选与分页筛选

    Tablesorter是一款基于jQuery的开源表格排序插件,它提供了丰富的功能,如表格内容的排序、筛选和分页,极大地增强了HTML表格的交互性和用户体验。本文将深入探讨Tablesorter插件的核心特性以及如何实现表格内容筛选...

    使用jqueryUI实现表格排序功能

    而“使用jQuery UI实现表格排序功能”是网页交互设计中的常见需求,尤其对于数据展示丰富的网页,如报表、数据分析页面等。jQuery UI 的 tablesorter 插件可以方便地实现这一功能,让表格数据可以根据用户的需求进行...

    jQuery 插件 tablesorter 的使用

    总的来说,jQuery插件tablesorter是一个强大且灵活的工具,它不仅提供了基本的表格排序功能,还集成了丰富的扩展功能,如过滤、分页和列宽调整。通过合理的配置和自定义,可以满足各种复杂的需求,极大地提升了HTML...

    tablesorter-master表格排序.zip

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

    jquery 写的可排序带分页的表格实例tablesorter

    在HTML中创建一个表格,然后使用jQuery选择器和`.tablesorter()`方法对其进行初始化: ```html <table id="myTable" class="tablesorter"> 姓名 年龄 城市 <!-- 表格数据行 --> $(function() { ...

    jquery表格自动排序插件

    2. **jQuery表格排序插件**: "jquery.tablesorter.js"是这个插件的主要实现文件,它扩展了jQuery的功能,提供了表格数据的自动排序功能。用户只需将此插件应用到表格上,即可实现表格列的点击排序。"jquery....

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

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

    jquery 简单表格排序

    为了实现表格排序,我们可以使用开源插件`tablesorter`,它基于jQuery并提供了丰富的自定义选项。你可以在压缩包中找到`tablesorter`的相关文件,包括CSS样式和JavaScript文件。例如,将它们分别引入到HTML中: ```...

    jquery 可自定义日期排序的tablesorter

    2. **初始化Tablesorter**:然后,我们需要选择要排序的表格,并调用`.tablesorter()`方法进行初始化。在初始化时,我们可以设置`headers`选项来自定义日期列的排序规则。 ```javascript $(document).ready...

    JQuery插件tablesorter表格排序实现过程解析

    Tablesorter 是一个用来直接在浏览器上对表格数据进行排序的jQuery插件,无需再次刷新页面,支持多种单元格数据类型,例如数值、字符串、日期和自定义排序。 使用说明 引入jquery.tablesorter 所用文件下载: ...

Global site tag (gtag.js) - Google Analytics