README

###灵活的客户端表格排序 ####入门

要使用tablesorter插件，请在HTML文档的head标签中包含jQuery库和tablesorter插件

<script type="text/javascript" src="/path/to/jquery-latest.js"></script> 
<script type="text/javascript" src="/path/to/jquery.tablesorter.js"></script>

Tablesorter适用于所有标准HTML表格。您必须包含THEAD和TBODY标签

<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>

首先告诉tablesorter在文档加载时对您的表格进行排序

$(document).ready(function() 
    { 
        $("#myTable").tablesorter(); 
    } 
);

点击表头，您会看到您的表格现在可以进行排序了！您还可以在初始化表格时传递配置选项。这告诉tablesorter按第一和第二列的升序进行排序。

$(document).ready(function() 
    { 
        $("#myTable").tablesorter( {sortList: [[0,0], [1,0]]} ); 
    } 
);

对于日期时间列，您可以指定格式，如下所示

$(document).ready(function() 
    { 
        $("#myTable").tablesorter( {dateFormat: 'pt'} ); 
    } 
);

目前可用的有：us、pt和uk。（对于pt，您可以使用'dd/MM/yyyy hh:mm:ss'）

christianbach / tablesorter

维护者

详细信息

README