保证在引用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