`
leo_dream
  • 浏览: 134046 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

tablesorter的使用(客户端表格排序)

    博客分类:
  • java
阅读更多

tablesorter下载地址:http://tablesorter.com/

先简单介绍下tablesorter:

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
下载的tablesorter有很多例子,如果只是想看看它的排序功能,看例子就很好,而且也能很快画出简单的葫芦来.

可能是我以前没有做过表格排序的东西,第一次做遇到了很多的问题.
你要用tablesorter排序,基本的表格格式如下:
<table><thead><tr><th></th></thead><tbody><tr><td></td></tr></tbody></table>
<thead>和<tbody>是必须要有的.
表头和表的内容可以从其他数据源获得,但是<thead><tr><th></th></thead>必须写在htlm代码里 ,用js动态生成都不行,里面的内容能从数据源获得.
这是我学习tablesorter的经验.
分享到:
评论

相关推荐

    表格分页显示--tablesorter

    总结,tablesorter作为一款强大的表格管理工具,为Web开发者提供了便捷的表格排序、过滤和分页功能。通过理解其工作原理和使用方法,我们可以轻松地在项目中集成这一组件,提升数据展示的效率和用户体验。

    客户端使用JS排序数据列表

    在客户端使用JavaScript(JS)对数据列表进行排序是一种常见的需求,尤其在网页应用中,它能够提高用户体验,因为用户无需等待服务器响应即可看到实时更新的排序结果。在本篇文章中,我们将深入探讨如何利用JQuery库...

    SAP netweaver 的对客户端table的排序扩展

    在SAP NetWeaver这个企业级应用平台中,开发人员经常需要处理客户端表格的数据展示,而数据的...如果你正面临类似的需求,可以参考提供的文档和源码,结合SAP NetWeaver的开发指南,来实现自己的客户端表格排序功能。

    tablesorter.rar

    TableSorter 使用一种基于DOM的排序算法,这意味着它不依赖服务器端处理,而是直接在客户端浏览器上运行,提高了响应速度。排序过程中,表格的HTML结构保持不变,只是改变了元素的显示顺序。 3. **自定义排序**: ...

    Jquery表格排序

    8. **性能优化**:虽然表格排序在客户端进行,减少了服务器负载,但在大数据量时可能会影响性能。可以通过分页或懒加载技术来优化,只加载和显示用户当前需要的部分数据。 通过以上步骤,你可以利用jQuery和...

    Client Side Sort in ASP.NET GridView using jQuery - tablesorter

    为了解决这个问题,我们可以引入jQuery库及其插件tablesorter,实现客户端表格排序功能。 tablesorter是一款强大的jQuery插件,它提供了丰富的自定义选项和功能,可以轻松地对HTML表格进行排序。以下是对这个知识点...

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

    总结来说,JQuery插件tablesorter为Web开发人员提供了一个强大且易于使用的表格排序功能,通过简单地引入一些JavaScript和CSS文件,并添加一些特定的代码,就可以实现表格数据的排序功能。当遇到需要特殊处理的数据...

    table客户端排序 ctrl shift 连选实例

    3. **应用tablesorter**:使用jQuery选择表格元素,并调用`tablesorter`插件对其进行初始化,设置排序规则。 ```javascript $(document).ready(function() { $("#myTable").tablesorter(); }); ``` 4. **实现...

    jquery flexigrid 支持前台排序

    本文将详细介绍如何利用jQuery Flexigrid配合jQuery Tablesorter来实现前端的客户端排序功能,无需依赖后端数据库,完全在客户端进行。 首先,我们需要理解jQuery Flexigrid的基本用法。Flexigrid是一个基于jQuery...

    33种Javascript 表格排序控件收集

    6. Standardista Table Sorting(6):一个模块化的客户端表格排序方案,允许开发者自定义排序行为,同时保持代码的整洁和可维护性。 7. Unobtrusive Client-Side Table Sorting, Filtering, and Paging Examples...

    jquery 分布 字段排序

    在提供的文件名"jquery.tablesorter"中,我们可以推断出这是jQuery的一个插件,专门用于表格排序。Tablesorter是一个强大的开源工具,它允许用户对HTML表格进行排序,并且支持Ajax数据源。它包含了各种配置选项、...

    javascript_tableSort_排序

    - tablesorter:这是一个功能丰富的表格排序插件,支持多种类型的排序,包括日期、数字、货币等。 - datatables:不仅提供排序功能,还有分页、搜索、过滤等特性,适合大型数据集的处理。 **5. 性能优化** 当表格...

    jQuery Table表格排序显示代码

    本主题聚焦于“jQuery Table表格排序显示代码”,这是一个用于实现动态表格排序功能的解决方案,尤其适用于处理大量数据并需要高效用户交互的场景。 首先,jQuery Table排序的核心在于能够对表格中的数据进行分类和...

    jQuery表格插件

    6. **Tablesorter**:Tablesorter是一款轻量级的jQuery插件,专注于表格排序功能。它支持多种类型的排序,包括数字、日期和自定义排序规则。Tablesorter还允许用户通过添加特定的CSS类来定制排序图标。 在实际应用...

    sts-template:一个包含 Sheetrock.js 和 TableSorter.js 的模板

    而JavaScript文件则会包含Sheetrock.js和TableSorter.js的引用,以及实现数据加载和表格排序逻辑的代码。 学习和使用这个模板,开发者可以了解到如何整合外部数据源(如Google Sheets)与前端应用,以及如何利用...

    ajax.prototype.javascript实例打包下载

    8. **jquery[1].tablesorter排列.rar**:jQuery表格排序器插件,可以实现对HTML表格的列进行排序,Ajax可能用于在后台处理数据并返回排序后的结果。 9. **all-js-comasp.rar**:这可能是一个包含多种JavaScript组件...

Global site tag (gtag.js) - Google Analytics