Tablesorter是一个非常好用的基于jQuery的表格排序插件,这个表格排序插件能让我们在客户端按某列进行排序,引入jQuery和这个插件的js文件,然后告诉插件你想要哪个表格拥有排序功能。
- "">
- <html>
- <head>
- <script src="">script>
-
- <script>
- $(document).ready(function(){
- $("#example").tablesorter({sortList:[[0,0],[2,1]], widgets: ['zebra']});
- });
- script>
-
- head>
- <body>
- <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)">
- <script src="http://dev.jquery.com/view/trunk/plugins/tablesorter/2.0/jquery.tablesorter.js">script>
-
- <table id="example" class="tablesorter" border="0" cellpadding="0" cellspacing="1">
- <thead>
- <tr>
- <th>First Nameth>
- <th>Last Nameth>
-
- <th>Ageth>
- <th>Totalth>
- <th>Discountth>
- <th>Dateth>
- tr>
- thead>
- <tbody>
-
- <tr>
- <td>Petertd>
- <td>Parkertd>
- <td>28td>
- <td>$9.99td>
- <td>20%td>
-
- <td>Jul 6, 2006 8:14 AMtd>
- tr>
- <tr>
- <td>Johntd>
- <td>Hoodtd>
- <td>33td>
- <td>$19.99td>
-
- <td>25%td>
- <td>Dec 10, 2002 5:14 AMtd>
- tr>
- <tr>
- <td>Clarktd>
- <td>Kenttd>
- <td>18td>
-
- <td>$15.89td>
- <td>44%td>
- <td>Jan 12, 2003 11:14 AMtd>
- tr>
- <tr>
- <td>Brucetd>
- <td>Almightytd>
-
- <td>45td>
- <td>$153.19td>
- <td>44%td>
-
- <td>Jan 18, 2001 9:12 AMtd>
- tr>
- <tr>
- <td>Brucetd>
-
- <td>Evanstd>
- <td>22td>
- <td>$13.19td>
- <td>11%td>
- <td>Jan 18, 2007 9:12 AMtd>
- tr>
-
- tbody>
- table>
- body>
- html>
在项目中用到,不错,做个标记
阅读(833) | 评论(0) | 转发(0) |