javascript動作表格

來源:互聯網
上載者:User

<p><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></p><style>body{ FONT-SIZE: 9pt; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;}input { FONT-SIZE: 9pt; height: 15pt; width:50px; cursor: default;}table{ font-size: 9pt; word-break:break-all; cursor: default; BORDER: black 1px solid; background-color:#eeeecc; border-collapse:collapse; border-Color:#999999; align:center;}</style><p><br /><table width="100%" border="1" cellspacing="0" cellpadding="2" id="PowerTable"><tr align="middle" bgcolor="#ffcc00"><td>First Name</td><td>Last Name</td><td>Team</td><td>Engine</td><td>Tyres</td><td>Fastest Lap</td><td>國家</td></tr><tr><td>Michael</td><td>Schumacher</td><td>Ferrari</td><td>Ferrari</td><td>Bridgestone</td><td>1.15.872</td><td>德國</td></tr><tr><td>Rubens</td><td>Barrichello</td><td>Ferrari</td><td>Ferrari</td><td>Bridgestone</td><td>1.16.760</td><td>法國</td></tr><tr><td>Ralph</td><td>Schumacher</td><td>Williams</td><td>BMW</td><td>Michelin</td><td>1.16.297</td><td>美國</td></tr><tr><td>Juan-Pablo</td><td>Montoya</td><td>Williams</td><td>BMW</td><td>Michelin</td><td>1.17.123</td><td>柬埔寨</td></tr><tr><td>David</td><td>Coulthard</td><td>McLaren</td><td>Mercedes</td><td>Bridgestone</td><td>1.16.423</td><td>泰國</td></tr><tr><td>Mika</td><td>Hakkinen</td><td>McLaren</td><td>Mercedes</td><td>Bridgestone</td><td>1.16.979</td><td>越南</td></tr><tr><td>Jarno</td><td>Trulli</td><td>Jordan</td><td>Honda</td><td>Bridgestone</td><td>1.16.459</td><td>菲律賓</td></tr><tr><td>Ricardo</td><td>Zonta</td><td>Jordan</td><td>Honda</td><td>Bridgestone</td><td>1.17.328</td><td>英國</td></tr><tr><td>Olivia</td><td>Panis</td><td>BAR</td><td>Honda</td><td>Bridgestone</td><td>1.16.771</td><td>蒙古</td></tr><tr><td>Jacques</td><td>Villeneuve</td><td>BAR</td><td>Honda</td><td>Bridgestone</td><td>1.17.035</td><td>馬來西亞</td></tr><tr><td>Kimi</td><td>Raikkonen</td><td>Sauber</td><td>Petronas</td><td>Bridgestone</td><td>1.16.875</td><td>緬甸</td></tr><tr><td>Nick</td><td>Heidfeld</td><td>Sauber</td><td>Petronas</td><td>Bridgestone</td><td>1.17.165</td><td>朝鮮</td></tr><tr><td>Eddie</td><td>Irvine</td><td>Jaguar</td><td>Cosworth</td><td>Michelin</td><td>1.18.016</td><td>中國</td></tr><tr><td>Pedro</td><td>de la Rosa</td><td>Jaguar</td><td>Cosworth</td><td>Michelin</td><td>1.18.015</td><td>俄羅斯</td></tr><tr><td>Hugh</td><td>Gengine</td><td>Lotus</td><td>Renault</td><td>Michelin</td><td>1.15.015</td><td>韓國</td></tr><tr><td>Gloria</td><td>Slap</td><td>Lotus</td><td>Renault</td><td>Michelin</td><td>1.15.012</td><td>日本</td></tr></table><p><input type="button" value="ins_row" onclick="add_row(Main_Tab)"><input type="button" value="ins_col" onclick="add_col(Main_Tab)"><input type="button" value="Del_row" onclick="del_row(Main_Tab)"><input type="button" value="Del_col" onclick="del_col(Main_Tab)"><input type="button" value="Restore" onclick="res_tab(Main_Tab)"><input type="button" value="Export" onclick="exp_tab(Main_Tab)"><br /> ( Move:<br /><input type="button" id="move" value="Up" onclick="Move_up(Main_Tab)"><input type="button" id="move" value="Down" onclick="Move_down(Main_Tab)"><input type="button" id="move" value="Left" onclick="Move_left(Main_Tab)"><input type="button" id="move" value="Right" onclick="Move_right(Main_Tab)"> )<br />漢字排序:</p><select id="sel_Mode" onchange="charMode=this.selectedIndex"><option>拼音<br /></option><option>筆畫<br /></option></select><p>Show Detail</p><input type="text" id="monitor" size="30" style="width:300px"><textarea id="showContent" cols="100" rows="20"><textarea cols="100" rows="20"><br />主要特點:</p><p>任意標準資料表格(無跨行和跨列),只要設定 id 即可生效!</p><p>任意修改刪除編輯表格行列</p><p>倒出產生資料表</p><p>新加功能:漢字排序、拖動表頭交換列、修正幾個BUG、進一步增強表格的無關性(只要在 table 中加上 id=PowerTable 即可)~~~~~~</p><p>如果在較大的頁面中引用,請將 window.onload 事件的內容指向 PowerTable 之後!</p><p>寫的有點亂,而且沒有寫注釋,其實剛開始的時候僅僅是想實踐一下 insertRow ~~~~~</p><p>(相關顯示顏色操了點,不過可以通過變數定製)</p><p>


[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.