jQuery html表格排序插件tablesorter使用方法详解
tablesort是一款很好用的jQuery表格排序插件。 支持多种数据类型排序，会自动识别表格内容数据类型，使用也非常方便。
使用jQuery tablesort实现html表格方法:
1. 下载jQuery和tablesort脚本，并在html中引用该脚本文件：
<script type="text/javascript" src="../jquery-latest.js"></script> <script type="text/javascript" src="../jquery.tablesorter.js"></script>
2. 格式化需要排序的html表格：
a. 给需要排序的表格指定CCS类：class="sort-table"
b. 使用thead和tbody标签来标记表格头和表格正文
c. 在表格头thead中需要使用th标签定义表头
格式化好的html表格如下所示：
<table border=1 width="800px" class="sort-table"> <thead> <tr> <th>Date</th> <th>Usage</th> <th>Cost</th> <th>Remain</th> </tr> </thead> <tbody> <tr> <td>2008-3-25</td> <td>book place @dhgu</td> <td>-40</td> <td>-40</td> </tr> <tr> <td>2008-4-1</td> <td>book place @dhgu</td> <td>-40</td> <td>-80</td> </tr> </tbody> </table>
3. 添加jQuery代码，启用html表格排序：
在body中对在第二步中指定的排序表格css类调用tablesorter()函数：
<body>
<script type="text/javascript">
$(document).ready(function() {
$(".sort-table").tablesorter();
});
</script>
通过上面的3步，jQuery tablesort就可以实现对html表格的排序。
下载jQuery插件tablesort
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
-
本文向大家介绍TableSort.js表格排序插件使用方法详解，包括了TableSort.js表格排序插件使用方法详解的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了TableSort.js表格排序的具体代码，供大家参考，具体内容如下 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍jQuery表格排序组件-tablesorter使用示例，包括了jQuery表格排序组件-tablesorter使用示例的使用技巧和注意事项，需要的朋友参考一下 一、引入文件 效果如图： 二、标准的HTML表格，必须包括thead和tbody标签 三、设置table可排序 官方文档：http://tablesorter.com/docs/ 补充说明： 在使用过程遇到的一个问题，我
-
本文向大家介绍vue拖拽排序插件vuedraggable使用方法详解，包括了vue拖拽排序插件vuedraggable使用方法详解的使用技巧和注意事项，需要的朋友参考一下 大家好，最近做的项目要用到拖拽排序，我现在的项目是vue项目，所以我就屁颠屁颠的去百度有木有这样功能的插件，我就知道一定会有，那就是vuedraggable，这是一款很棒的拖拽插件，下面我来说一下怎么引入 首先在vue项目中，用
-
本文向大家介绍jQuery表格插件datatables用法详解，包括了jQuery表格插件datatables用法详解的使用技巧和注意事项，需要的朋友参考一下 一、Datatables简介 DataTables是一个jQuery的表格插件。这是一个高度灵活的工具，依据的基础逐步增强，这将增加先进的互动控制，支持任何HTML表格。主要特点： 自动分页处理 即时表格数据过滤 数据排序以及数据类型自动检
-
本文向大家介绍bootstrap table表格插件使用详解，包括了bootstrap table表格插件使用详解的使用技巧和注意事项，需要的朋友参考一下 bootstrp-table学习，具体内容如下 bootstrap-table是一种表格插件，可用作后管系统的数据处理和回显，当然，bootstrap-table的使用需要前后台协调进行。 在使用bootstrap-table过程中需要注意：
-
本文向大家介绍tablesorter.js表格排序使用方法(支持中文排序)，包括了tablesorter.js表格排序使用方法(支持中文排序)的使用技巧和注意事项，需要的朋友参考一下 最近，因为项目需要，对表格排序做了一下摸索，整理如下： 1. 首先，可从官网下载tablesorter.js，但并不支持中文的排序，对其源码进行修改： 部分源码： 修改后： 修改完之后的js可支持中文的排序。 2.建
-
本文向大家介绍jquery表单插件Autotab使用方法详解，包括了jquery表单插件Autotab使用方法详解的使用技巧和注意事项，需要的朋友参考一下 Autotab也是一款功能专一的表单插件，它提供了自动跳格的功能，当用户输入的字符数一旦超过已定义的最大长度，则会根据事先设置的目标自动跳转到相应元素上，省却了 用户按【Tab】键的麻烦。最典型的应用就是输入IP地址、软件激活码等地方了，我们做
-
本文向大家介绍Bootstrap表格使用方法详解，包括了Bootstrap表格使用方法详解的使用技巧和注意事项，需要的朋友参考一下 下表列出了 Bootstrap 支持的一些表格元素： 表格类： .table：为任意 <table> 添加基本样式 (只有横向分隔线) .table-striped：在 <tbody> 内添加斑马线形式的条纹 ( IE8 不支持) .table-bordered：为所