waysun一路阳光

不轻易服输,不轻言放弃.--心是梦的舞台,心有多大,舞台有多大。踏踏实实做事,认认真真做人。

  BlogJava :: 首页 :: 新随笔 :: 联系 ::  :: 管理 ::
  167 随笔 :: 1 文章 :: 64 评论 :: 0 Trackbacks

【1】这个非常好用,

<head>
<script type="text/javascript" src="sortabletable.js"></script>
<link type="text/css" rel="StyleSheet" href="sortabletable.css" />
</head>
在<head></head>之间加入
【2】<table class="sort-table" id="table-1" cellspacing="0">
要排序的表中要加入 id="table-1"
【3】<thead>
  <tr>
   <td>String</td>
   <td title="CaseInsensitiveString">String</td>
   <td>Number</td>
   <td>Date</td>
   <td>No Sort</td>
  </tr>
</thead>
点击的表头之间加入<thead></thead>
剩下的之间加入<tbody></tbody>
<tbody>
  <tr>
   <td>apple</td>
   <td>Strawberry</td>
   <td>45</td>
   <td>2001-03-13</td>
   <td>Item 0</td>
  </tr>
  <tr>
   <td>Banana</td>
   <td>orange</td>
   <td>7698</td>
   <td>1789-07-14</td>
   <td>Item 1</td>
  </tr>
  <tr>
   <td>orange</td>
   <td>Banana</td>
   <td>4546</td>
   <td>1949-07-04</td>
   <td>Item 2</td>
  </tr>
 </tbody>
【4】
</table>
<script type="text/javascript">
var st1 = new SortableTable(document.getElementById("table-1"),
 ["String", "CaseInsensitiveString", "Number", "Date", "None"]);
</script>
点击表头排序
posted on 2008-06-17 12:48 weesun一米阳光 阅读(612) 评论(0)  编辑  收藏 所属分类: 经典实例JS

只有注册用户登录后才能发表评论。


网站导航: