jquery插件tablesorter自动排序



 Html 代码

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/tablesorter.js"></script>

<script type="text/javascript">

$(function(){

       $("#sortTable").tablesorter();

});

</script>

其中“sortTable“是你的表格的ID。就这么一句话就可以。

需要注意的是，字段名称是需要用<thead><tr><th>来指明才可以完成排序。

Html 代码

<table width="600" border="1" align="center" cellpadding="0" cellspacing="0" id="sortTable">

<thead>

      <tr>

       <th>序号</th>

       <th>地址</th>

       <th>姓名</th>

       <th>年龄</th>

       <th>日期</th>

    </tr>

</thead>