当前位置:首页软件开发javascript → javascript操作表格

javascript操作表格

时间:2018-12-03 10:08:01来源:互联网我要评论(0)

<p><meta http-equiv="Content-Type" content="text/html; charset=gb2312"/><title>Power Table</title><div cdata_tag="style" cdata_data="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; }" _ue_custom_node_="true"></div><table width="100%" border="1" cellspacing="0" cellpadding="2" id="PowerTable"><tbody><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></tbody></table></p><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)"/>( Move:<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)"/>) 汉字排序:<select id="sel_Mode" onchange="charMode=this.selectedIndex"><option>拼音</option><option>笔画</option></select>Show Detail</p><input type="text" id="monitor" size="30" style="width:300px"/><textarea id="showContent" cols="100" rows="20"></textarea><textarea cols="100" rows="20">主要特点:

任意标准数据表格(无跨行和跨列),只要设定 id 即可生效!

任意修改删除编辑表格行列

倒出生成数据表

新加功能:汉字排序、拖动表头交换列、修正几个BUG、进一步增强表格的无关性(只要在 table 中加上 id=PowerTable 即可)~~~~~~

如果在较大的页面中引用,请将 window.onload 事件的内容指向 PowerTable 之后!

写的有点乱,而且没有写注释,其实刚开始的时候仅仅是想实践一下 insertRow ~~~~~

(相关显示颜色操了点,不过可以通过变量定制) </textarea>

相关文章

网友评论

热门评论

最新评论

发表评论 查看所有评论()

昵称:
表情: 高兴 可 汗 我不要 害羞 好 下下下 送花 屎 亲亲
字数: 0/500 (您的评论需要经过审核才能显示)

关于万荚 | 联系方式 | 发展历程 | 版权声明 | 帮助(?) | 网站地图 | 友情链接

Copyright 2005-2018 16WJ.COM 〖万荚网〗 版权所有 桂ICP备18000060号 |

声明: 本站所有文章来自互联网 如有异议 请与本站联系