tablesorter

最新推荐文章于 2024-03-14 11:54:01 发布

feier7501

最新推荐文章于 2024-03-14 11:54:01 发布

阅读量831

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/feier7501/article/details/9166971

版权

jQuery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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

feier7501

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
tablesorter

jsp：<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>Insert title here $(function() { $("#sortTable").tablesorter({sortList: [[0,1], [1,0]]}); });
复制链接

扫一扫

专栏目录