写道
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>sort.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script language="javascript" type="text/javascript" src="jquery-1.2.6.pack.js"></script>
<script language="javascript" type="text/javascript" src="jquery.tablesorter.min.js"></script>
<script language="javascript">
$(document).ready(function(){
$("#docTableList").tablesorter();
});
</script>
</head>
<table border="1" align="center" cellspacing="0" id="docTableList">
<thead>
<tr >
<th >时限</th>
<th >公文标题</th>
<th >紧急程度</th>
<th >文号</th>
<th>时间</th>
<th >发送人</th>
</tr>
</thead>
<tbody>
<tr>
<td>1天</td>
<td>1551</td>
<td>特急</td>
<td>20081001010</td>
<td>2008-10-27</td>
<td>管理员</td>
</tr>
<tr>
<td>5天</td>
<td>1552</td>
<td>普通</td>
<td>2008100103</td>
<td>2008-10-29</td>
<td>管理员</td>
</tr>
<tr>
<td>4天</td>
<td>15677</td>
<td>管理员</td>
<td>20081003452</td>
<td>2011-10-29</td>
<td>领导</td>
</tr>
<tr>
<td>77天</td>
<td>1542</td>
<td>普通</td>
<td>200400103</td>
<td>2006-10-29</td>
<td>管理员</td>
</tr>
</tbody>
</table>
</body>
</html>
<html>
<head>
<title>sort.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script language="javascript" type="text/javascript" src="jquery-1.2.6.pack.js"></script>
<script language="javascript" type="text/javascript" src="jquery.tablesorter.min.js"></script>
<script language="javascript">
$(document).ready(function(){
$("#docTableList").tablesorter();
});
</script>
</head>
<table border="1" align="center" cellspacing="0" id="docTableList">
<thead>
<tr >
<th >时限</th>
<th >公文标题</th>
<th >紧急程度</th>
<th >文号</th>
<th>时间</th>
<th >发送人</th>
</tr>
</thead>
<tbody>
<tr>
<td>1天</td>
<td>1551</td>
<td>特急</td>
<td>20081001010</td>
<td>2008-10-27</td>
<td>管理员</td>
</tr>
<tr>
<td>5天</td>
<td>1552</td>
<td>普通</td>
<td>2008100103</td>
<td>2008-10-29</td>
<td>管理员</td>
</tr>
<tr>
<td>4天</td>
<td>15677</td>
<td>管理员</td>
<td>20081003452</td>
<td>2011-10-29</td>
<td>领导</td>
</tr>
<tr>
<td>77天</td>
<td>1542</td>
<td>普通</td>
<td>200400103</td>
<td>2006-10-29</td>
<td>管理员</td>
</tr>
</tbody>
</table>
</body>
</html>
上面的为HTML代码，主要关键点就在脚本部分。
实现代码只有
<script language="javascript">
$(document).ready(function(){
$("#docTableList").tablesorter();
});
</script>这么几句而已，但是功能确实很强大，另外tablesorter里面可以设置参数
$(document).ready(function(){
$("#docTableList").tablesorter();
});
</script>这么几句而已，但是功能确实很强大，另外tablesorter里面可以设置参数
把以上代码能直接运行，别忘了同时要传上两个JS文件。
2943
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
