jQuery 表格排序插件 Tablesorter 使用

jQuery 表格排序插件 Tablesorter 使用方式如下：

1.引入头文件（注意一定要把jQuery放在前面）：

<script src="lib/jquery-1.8.3.min.js"></script>
<!--tablesorter-->
<link href="css/css_tablesorter_green/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="lib/jquery.tablesorter.js"></script>
<script type="text/javascript">$(document).ready(function(){$("#alltable").tablesorter();     });
</script>

2.在需要使用排序的<Table>上无需做任何设定，很方便：

<table id="alltable" class="tablesorter"  width="584">
<thead>
<tr> <th>Last Name</th> <th>First Name</th> <th>Email</th> <th>Due</th> <th>Web Site</th>
</tr>
</thead>
<tbody>
<tr> <td>Smith</td> <td>John</td> <td>jsmith@gmail.com</td> <td>$50.00</td> <td>http://www.jsmith.com</td>
</tr>
<tr> <td>Bach</td> <td>Frank</td> <td>fbach@yahoo.com</td> <td>$50.00</td> <td>http://www.frank.com</td>
</tr>
<tr> <td>Doe</td> <td>Jason</td> <td>jdoe@hotmail.com</td> <td>$100.00</td> <td>http://www.jdoe.com</td>
</tr>
<tr> <td>Conway</td> <td>Tim</td> <td>tconway@earthlink.net</td> <td>$50.00</td> <td>http://www.timconway.com</td>
</tr>
</tbody>
</table>

在<thead>上就会有两个小三角符号，点击可以用于排序。

Tablesorter下载地址：http://download.csdn.net/detail/leixiaohua1020/6377187

jQuery 表格排序插件 Tablesorter 使用相关推荐

html用排序列表的方式添加,jQuery html表格排序插件tablesorter使用方法详解
tablesort是一款很好用的jQuery表格排序插件. 支持多种数据类型排序,会自动识别表格内容数据类型,使用也非常方便. 使用jQuery tablesort实现html表格方法: 1. 下载j ...
html 表格自动排序,jQuery html表格排序插件tablesorter使用方法详解
tablesort是一款很好用的jQuery表格排序插件. 支持多种数据类型排序,会自动识别表格内容数据类型,使用也非常方便. 使用jQuery tablesort实现html表格方法: 1. 下载j ...
jQuery表格排序总成-tablesorter
一个.进口单证 <script type="text/javascript" src="js/jquery.js"></script> ...
jQuery表格排序（tablesorter）
1.在html页面的head中引用 <script src="/static/Bootstrap/js/jquery/jquery.tablesorter.min.js"&g ...
jQuery html表格排序插件：tablesorter
ablesort是一款很好用的jQuery表格排序插件. 支持多种数据类型排序,会自动识别表格内容数据类型,使用也非常方便. 使用jQuery tablesort实现html表格方法: 1. 下载jQ ...
html怎么自动导入数据并排序,jQuery html表格排序插件：tablesorter
ablesort是一款很好用的jQuery表格排序插件. 支持多种数据类型排序,会自动识别表格内容数据类型,使用也非常方便. 使用jQuery tablesort实现html表格方法: 1. 下载jQ ...
jQuery.tablesorter html表格排序插件
使用jQuery tablesort实现html表格方法: 1. 下载jQuery和tablesort脚本,并在html中引用该脚本文件: <script type="text/jav ...
html 表格在线生成,jQuery表格生成插件Table.js
插件描述:可以简单的生成表格,并可以根据option配置对象进行自定义样式. 资源中附带该类API,只需要使用几个简单的方法就可以生成一个漂亮的表格. 创建一个表格的的步骤: 1.HTML页面需要提供 ...
html表格隐藏筛选框,jQuery表格筛选插件XLS TableFilter
插件描述:xlsTableFilter:创建一个表包含标题的Excel风格的过滤器对话框 xlsTableFilter:创建一个表包含标题的Excel风格的过滤器对话框使用方法$("tab ...

jQuery 表格排序插件 Tablesorter 使用

jQuery 表格排序插件 Tablesorter 使用相关推荐

最新文章

热门文章