jsp:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/jquery.tablesorter.js"></script>
<script type="text/javascript">
$(function() {
$("#sortTable").tablesorter({sortList: [[0,1], [1,0]]});
});
</script>
</head>
<body>
<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>
<tr>
<td width="53">1</td>
<td width="181">山西省长治市</td>
<td width="117">赵磊</td>
<td width="117">24</td>
<td width="120">2006.10.10</td>
</tr>
<tr>
<td>2</td>
<td>山西省太原市</td>
<td>李清</td>
<td>30</td>
<td>2008.12.30</td>
</tr>
<tr>
<td>3</td>
<td>河南省郑州市</td>
<td>常建坤</td>
<td>51</td>
<td>2002.08.30</td>
</tr>
<tr>
<td>4</td>
<td>山东省济南市</td>
<td>张耀</td>
<td>20</td>
<td>2001.01.05</td>
</tr>
<tr>
<td>5</td>
<td>四川省成都市</td>
<td>唐骏</td>
<td>15</td>
<td>2005.07.08</td>
</tr>
<tr>
<td>6</td>
<td>广东省广州市</td>
<td>安意如</td>
<td>36</td>
<td>2006.04.30</td>
</tr>
<tr>
<td>7</td>
<td>湖南省长沙市</td>
<td>何马</td>
<td>28</td>
<td>2007.12.12</td>
</tr>
<tr>
<td>8</td>
<td>湖北省武汉市</td>
<td>苏小白</td>
<td>41</td>
<td>2009.05.06</td>
</tr>
<tr>
<td>9</td>
<td>江苏省杭州市</td>
<td>饶尚宽</td>
<td>22</td>
<td>2010.12.10</td>
</tr>
<tr>
<td>10</td>
<td>陕西省西安市</td>
<td>石晓娜</td>
<td>15</td>
<td>2003.03.05</td>
</tr>
</table>
</body>
</html>
代码
$("#sortTable").tablesorter({sortList: [[0,1], [1,0]]});
里,sortTable是table的id,table里面要有thead。
{sortList: [[0,1], [1,0]]}表示:
第0组,也就是第1列降序,第1组,也就是第2列升序;0表示升序,1表示降序。