jquery tablesorter

1.引入jquery的插件

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

2.定义table 的 列名：

<table width="100%" height="100%" class="table_common" id="table_sorter">
<thead>
<tr>
<th class="focus" width="200">用户名<div class="sortdown"></div></th>
<th>邮箱</th>
<th width="150">时间</th>
<th width="100">类型</th>
<th width="130">地址</th>
</tr>
</thead>
<tbody id="item_user_list">
...................................................................................
</tbody>
</table>

3.javascript 调用：

$("#table_sorter").tablesorter({
sortList: [[0,0],[1,1],[2,1],[3,0]],
headers: {0: { sorter: false},1: { sorter: false},3: { sorter: false},4: { sorter: false}}
});

解释：

sortList: [[0,0],[1,1],[2,1],[3,0]] //初始化表格时：第一列升序，第二列降序排序，第三列按照降序排列，第四列按照升序排列

headers: {0: { sorter: false},1: { sorter: false},3: { sorter: false},4: { sorter: false}}//初始化表格时：第一列，二列，四列，五列 不加排序功能