`
xf986321
  • 浏览: 163954 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

基于JQURY的sorttable插件

阅读更多
<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 文件


还有很参数配置,具体可以参考原文。

分享到:
评论

相关推荐

    jqury分页插件

    jQuery 分页插件是一种在网页上实现数据分块显示的工具,主要应用于处理大量数据时,避免一次性加载所有内容导致页面加载缓慢或者浏览器卡顿。它通过将数据分为多个部分(页码)来提高用户体验,用户可以逐页浏览,...

    jqury前端插件

    这个压缩包文件“jqury前端插件”包含46款优秀的前端插件,旨在进一步提升开发者的开发体验和项目性能。 1. **文档遍历**:jQuery 提供了一套方便的DOM操作方法,如 `$(selector)` 选择器,`$(element).children()`...

    jqury图片插件

    jQuery图片插件是一种基于JavaScript库jQuery的扩展,用于在网页中实现动态的、交互式的图片展示功能。这种插件在现代网页设计中被广泛应用,因为它们可以轻松地创建出美观且用户友好的图片轮播、画廊或者幻灯片效果...

    基于jqury和canvas画板技术五子棋游戏设计与实现(论文+源码)-kaic.docx

    本文基于HTML5和Canvas技术,结合Jquery库和JavaScript代码实现了一个五子棋游戏。通过Canvas的绘图功能,实现了棋盘和棋子的绘制,并使用JavaScript代码实现了游戏的逻辑控制,包括玩家落子、判断胜负、悔棋等功能...

    这是一个基于jqury,html,css的H5页面,里面有各种动画,上下滑动切换效果.zip

    可借鉴此优质项目实现复刻,也可基于此项目来扩展开发出更多功能 #注 1. 本资源仅用于开源学习和技术交流。不可商用等,一切后果由使用者承担 2. 部分字体及插图等来自网络,若是侵权请联系删除,本人不对所涉及的...

    jquery弹框插件

    这款弹框插件正是基于这些特性,提供了强大的功能集。 插件的主要特性包括: 1. **拖拽功能**:允许用户通过鼠标拖动弹框到页面的任意位置,增强了用户体验,使得弹框的位置可以根据用户的习惯进行调整。 2. **...

    jqury高级使用手册

    6. **插件开发与使用**: jQuery 社区提供了大量插件,如轮播插件(carousel)、表单验证(validation)等,这些插件扩展了jQuery的功能。了解如何使用和开发插件是提高jQuery技能的关键。 7. **DOM操作**: jQuery ...

    Jqury类库使用Jqury方便使用

    7. **插件生态**:jQuery拥有庞大的插件生态系统,如jQuery UI提供了各种UI组件,而jQuery Form Plugin则简化了表单的提交和验证。这些插件极大地扩展了jQuery的功能。 8. **兼容性**:jQuery对旧版浏览器有很好的...

    简单的Jqury图片轮播效果

    **jQuery图片轮播效果**是一种常见的网页动态展示技术,它通过使用JavaScript库jQuery来实现图片的自动切换,为用户带来视觉上的连续性与吸引力。在网页设计中,这种功能经常被用于产品展示、幻灯片或者首页焦点图等...

    jqury教材(培训班)

    培训班老师给的教材,jqury教材,w3c帮助文档,jquryAPI中文文档,ppt等等

    jqury-api jQueryAPI1.4

    10. **插件开发**:jQuery易于扩展,通过`.extend()`方法可以创建自定义插件,丰富库的功能。 jQuery API 1.4还包含了对IE6-8的兼容性支持,以及对当时其他主流浏览器的良好适应。虽然现在已经有了更新的版本,但...

    最简单好用的jqury浮动代码

    4. **使用jQuery插件**:有时候,开发者会创建自己的插件来封装复杂的浮动逻辑,例如,`float.js`可能就是一个这样的插件,它可能包含了自动吸附、动态定位、响应式布局等功能。 在实际应用中,我们还需要考虑...

    JQury中文API和JS代码库

    7. **插件开发(Plugin Authoring)**:介绍如何基于jQuery开发自定义插件,增强其功能。 ### jQuery 1.7.2.js文件 这是jQuery的核心库文件,包含了所有jQuery的函数和方法。使用这个文件,开发者可以在自己的网页...

    jqury多种滚动十分好用

    `jCarousel`是基于jQuery的一个优秀插件,专门用于创建高质量的轮播和滚动效果。它提供了丰富的自定义选项,可以轻松地调整滑动速度、方向、自动播放、导航箭头和指示器等多种特性。`jCarousel`的兼容性极佳,可以在...

    JQury的一些练习题

    jQuery拥有丰富的插件库,如Bootstrap的Modal插件、DatePicker插件等。通过实践,你可以学习如何引入并使用这些插件,以增强网页的功能和用户体验。 7. **链式操作** jQuery的方法通常会返回jQuery对象,这使得...

    json转换jqury

    它基于JavaScript的一个子集,采用了一种类似于JavaScript对象字面量的语法结构。在现代Web开发中,JSON被广泛应用于客户端与服务器之间的数据传递。 #### jQuery简介 jQuery是一个快速、简洁的JavaScript库,极大...

    JQury资料大全query全套

    收集了jquery的一些有价值的资料,包括jquery api文档,jquery face,jq 表单验证,jq startkit ,jquery远程获取Json数据demo,jquery-api-browser,DialogDemo,dateselector,asp.net ajax json的一个资料,都是网上收集的...

    jqury放大镜

    本篇文章将深入探讨jQuery放大镜插件的工作原理、实现方法以及如何使用`jqzoom`这个特定的插件。 首先,jQuery放大镜效果的核心是利用CSS、JavaScript和HTML来创建一个可交互的视觉组件。通常,它包括两部分:一个...

    jquery.luara焦点图插件

    **jQuery.luara焦点图插件**是一款专为网页设计者打造的高效、灵活的JavaScript组件,它基于广泛使用的jQuery库,旨在实现引人注目的图片轮播效果。这款插件提供了三种不同的切换效果,使得网页中的图片展示更加生动...

Global site tag (gtag.js) - Google Analytics