waysun一路陽光

          不輕易服輸,不輕言放棄.--心是夢的舞臺,心有多大,舞臺有多大。踏踏實實做事,認認真真做人。

            BlogJava :: 首頁 :: 新隨筆 :: 聯(lián)系 ::  :: 管理 ::
            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一米陽光 閱讀(648) 評論(0)  編輯  收藏 所屬分類: 經(jīng)典實例JS
          主站蜘蛛池模板: 封开县| 甘南县| 额敏县| 卫辉市| 东光县| 南昌县| 昆明市| 三江| 天长市| 长岛县| 四川省| 嘉禾县| 湛江市| 徐州市| 永吉县| 哈密市| 怀化市| 阿拉善右旗| 金溪县| 托克逊县| 万盛区| 偏关县| 长沙市| 巴楚县| 东乌珠穆沁旗| 镇巴县| 辽阳县| 泽州县| 二连浩特市| 松潘县| 日土县| 柳林县| 静乐县| 陈巴尔虎旗| 嘉鱼县| 德格县| 新沂市| 和田县| 绥宁县| 辉南县| 来凤县|