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" 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表示降序。
![用jQuery實作一個簡易的聊天框[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)