首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

兑现table排序(以备不时之需)

2012-09-01 
实现table排序(以备不时之需)meta http-equivdescription contentthis is my pagemeta http-equi

实现table排序(以备不时之需)
<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里面可以设置参数把以上代码能直接运行,别忘了同时要传上两个JS文件。

热点排行