tablesorter

来源：互联网发布：八爪鱼采集淘宝编辑：程序博客网时间：2024/06/06 14:18

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表示降序。