web中table表格点击表头排序

保证在引用jQuery之后引用之后的两个文件

<script type="text/javascript"	src="<%=basePath%>/resource/js/jquery-1.8.2.min.js"></script>
<link rel="stylesheet"
	href="<%=basePath%>/tablesorter/themes/blue/style.css" type="text/css"
	id="" media="print, projection, screen" />
<script type="text/javascript"
	src="<%=basePath%>/tablesorter/jquery.tablesorter.js"></script>
<script type="text/javascript">
<span style="white-space:pre">	</span>jq = jQuery.noConflict();//最好写上，不然浏览器很容易报控制台出现错误Uncaught TypeError: Object #<Object> has no method tablesorter
	jq(function() {
		jq('#tbl_table').tablesorter({
			debug : false
		});
	});
</script>

给table一个ID值

<table width="100%" class="table" style="font-size: 12px;" id="tbl_table">

排序表格需要引用的两个文件链接是：

http://download.csdn.net/detail/baidu_25310663/8730189