<script type="text/javascript" src="/path/to/jquery-latest.js"></script>
<script type="text/javascript" src="/path/to/jquery.tablesorter.js"></script>
今天在界面上开发时遇到要排序的table,虽然界面的GRID UI支持带参数的sort,但是这样不适合界面上有多个table的排序
只是只能通过JS来排序,在网上找到jquery tablesorter,呵呵发现他是个很好的JQURT PLUGIN
DOCS ADDRESS: http://tablesorter.com/docs/#Examples
一、简介
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
二、使用方法
首先需要调用两个JS 文件
还有很参数配置,具体可以参考原文。
分享到:
相关推荐
jQuery 分页插件是一种在网页上实现数据分块显示的工具,主要应用于处理大量数据时,避免一次性加载所有内容导致页面加载缓慢或者浏览器卡顿。它通过将数据分为多个部分(页码)来提高用户体验,用户可以逐页浏览,...
这个压缩包文件“jqury前端插件”包含46款优秀的前端插件,旨在进一步提升开发者的开发体验和项目性能。 1. **文档遍历**:jQuery 提供了一套方便的DOM操作方法,如 `$(selector)` 选择器,`$(element).children()`...
jQuery图片插件是一种基于JavaScript库jQuery的扩展,用于在网页中实现动态的、交互式的图片展示功能。这种插件在现代网页设计中被广泛应用,因为它们可以轻松地创建出美观且用户友好的图片轮播、画廊或者幻灯片效果...
本文基于HTML5和Canvas技术,结合Jquery库和JavaScript代码实现了一个五子棋游戏。通过Canvas的绘图功能,实现了棋盘和棋子的绘制,并使用JavaScript代码实现了游戏的逻辑控制,包括玩家落子、判断胜负、悔棋等功能...
可借鉴此优质项目实现复刻,也可基于此项目来扩展开发出更多功能 #注 1. 本资源仅用于开源学习和技术交流。不可商用等,一切后果由使用者承担 2. 部分字体及插图等来自网络,若是侵权请联系删除,本人不对所涉及的...
这款弹框插件正是基于这些特性,提供了强大的功能集。 插件的主要特性包括: 1. **拖拽功能**:允许用户通过鼠标拖动弹框到页面的任意位置,增强了用户体验,使得弹框的位置可以根据用户的习惯进行调整。 2. **...
6. **插件开发与使用**: jQuery 社区提供了大量插件,如轮播插件(carousel)、表单验证(validation)等,这些插件扩展了jQuery的功能。了解如何使用和开发插件是提高jQuery技能的关键。 7. **DOM操作**: jQuery ...
7. **插件生态**:jQuery拥有庞大的插件生态系统,如jQuery UI提供了各种UI组件,而jQuery Form Plugin则简化了表单的提交和验证。这些插件极大地扩展了jQuery的功能。 8. **兼容性**:jQuery对旧版浏览器有很好的...
**jQuery图片轮播效果**是一种常见的网页动态展示技术,它通过使用JavaScript库jQuery来实现图片的自动切换,为用户带来视觉上的连续性与吸引力。在网页设计中,这种功能经常被用于产品展示、幻灯片或者首页焦点图等...
培训班老师给的教材,jqury教材,w3c帮助文档,jquryAPI中文文档,ppt等等
10. **插件开发**:jQuery易于扩展,通过`.extend()`方法可以创建自定义插件,丰富库的功能。 jQuery API 1.4还包含了对IE6-8的兼容性支持,以及对当时其他主流浏览器的良好适应。虽然现在已经有了更新的版本,但...
4. **使用jQuery插件**:有时候,开发者会创建自己的插件来封装复杂的浮动逻辑,例如,`float.js`可能就是一个这样的插件,它可能包含了自动吸附、动态定位、响应式布局等功能。 在实际应用中,我们还需要考虑...
7. **插件开发(Plugin Authoring)**:介绍如何基于jQuery开发自定义插件,增强其功能。 ### jQuery 1.7.2.js文件 这是jQuery的核心库文件,包含了所有jQuery的函数和方法。使用这个文件,开发者可以在自己的网页...
`jCarousel`是基于jQuery的一个优秀插件,专门用于创建高质量的轮播和滚动效果。它提供了丰富的自定义选项,可以轻松地调整滑动速度、方向、自动播放、导航箭头和指示器等多种特性。`jCarousel`的兼容性极佳,可以在...
jQuery拥有丰富的插件库,如Bootstrap的Modal插件、DatePicker插件等。通过实践,你可以学习如何引入并使用这些插件,以增强网页的功能和用户体验。 7. **链式操作** jQuery的方法通常会返回jQuery对象,这使得...
它基于JavaScript的一个子集,采用了一种类似于JavaScript对象字面量的语法结构。在现代Web开发中,JSON被广泛应用于客户端与服务器之间的数据传递。 #### jQuery简介 jQuery是一个快速、简洁的JavaScript库,极大...
收集了jquery的一些有价值的资料,包括jquery api文档,jquery face,jq 表单验证,jq startkit ,jquery远程获取Json数据demo,jquery-api-browser,DialogDemo,dateselector,asp.net ajax json的一个资料,都是网上收集的...
本篇文章将深入探讨jQuery放大镜插件的工作原理、实现方法以及如何使用`jqzoom`这个特定的插件。 首先,jQuery放大镜效果的核心是利用CSS、JavaScript和HTML来创建一个可交互的视觉组件。通常,它包括两部分:一个...
**jQuery.luara焦点图插件**是一款专为网页设计者打造的高效、灵活的JavaScript组件,它基于广泛使用的jQuery库,旨在实现引人注目的图片轮播效果。这款插件提供了三种不同的切换效果,使得网页中的图片展示更加生动...