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一米陽光 閱讀(658) 評論(0)  編輯  收藏 所屬分類: 經典實例 、JS
          主站蜘蛛池模板: 渝北区| 长武县| 庐江县| 基隆市| 恩平市| 平乐县| 固原市| 来凤县| 龙陵县| 奉贤区| 磐安县| 武清区| 灯塔市| 霍山县| 治县。| 湛江市| 韶关市| 诸城市| 滨州市| 陈巴尔虎旗| 商洛市| 南雄市| 磐安县| 河曲县| 景泰县| 铜梁县| 桂平市| 翁牛特旗| 成安县| 平武县| 永康市| 麻阳| 泰安市| 崇礼县| 云梦县| 开远市| 陇西县| 鄂托克旗| 龙南县| 三穗县| 石柱|