jquery 表头排序(jquery.tablesorter.js支持中文)
2012-06-27 10:04
746 查看
Getting started
To use the tablesorter plugin, include thejQuery library and the tablesorter plugin inside the
<head>tag of your HTML document:
<script type="text/javascript" src="/path/to/jquery-latest.js"></script> <script type="text/javascript" src="/path/to/jquery.tablesorter.js"></script>
tablesorter works on standard HTML tables. You must include THEAD and TBODY tags:
<table id="myTable" class="tablesorter"> <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>
Start by telling tablesorter to sort your table when the document is loaded:
$(document).ready(function() { $("#myTable").tablesorter(); } );
Click on the headers and you'll see that your table is now sortable! You can also pass in configuration options when you initialize the table. This tells tablesorter to sort on the first and second column in ascending order.
$(document).ready(function() { $("#myTable").tablesorter( {sortList: [[0,0], [1,0]]} ); } );
按照thead 中的 tr 中的 th 排序
相关文章推荐
- jquery 表头排序(jquery.tablesorter.js支持中文)
- 改进jquery.tablesorter.js 支持中文表格排序
- jquery tablesorter.js 支持中文表格排序改进
- jquery tablesorter.js 支持中文表格排序改进
- tablesorter.js表格排序使用方法(支持中文排序)
- jquery.tablesorter.js 使用 table js 排序
- javascript-jquery-tablesorter的问题:如果表头是多行的,点击排序好像就不正确了
- javascript table排序之jquery.tablesorter.js
- jquery.AutoComplete.js中文修正版(支持firefox)
- jQuery表格排序组件-tablesorter
- jQuery表格排序组件-tablesorter使用示例
- jQuery 表格排序插件 Tablesorter 使用
- jquery tablesorter对表格进行排序
- jquery.qrcode.min.js(支持中文转化二维码)
- jQuery插件tablesorter 表格排序 自定义排序addParser()
- Jquery tablesorter,table排序
- jQuery实现对GridView的高效排序TableSorter
- jQuery表格排序组件-tablesorter
- 使用jquery的tablesorter插件进行表格排序
- jquery.qrcode.min.js(支持中文转化二维码)