Power Table
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;
}
First Name
Last Name
Team
Engine
Tyres
Fastest Lap
国家
Michael
Schumacher
Ferrari
Ferrari
Bridgestone
1.15.872
德国
Rubens
Barrichello
Ferrari
Ferrari
Bridgestone
1.16.760
法国
Ralph
Schumacher
Williams
BMW
Michelin
1.16.297
美国
Juan-Pablo
Montoya
Williams
BMW
Michelin
1.17.123
柬埔寨
David
Coulthard
McLaren
Mercedes
Bridgestone
1.16.423
泰国
Mika
Hakkinen
McLaren
Mercedes
Bridgestone
1.16.979
越南
Jarno
Trulli
Jordan
Honda
Bridgestone
1.16.459
菲律宾
Ricardo
Zonta
Jordan
Honda
Bridgestone
1.17.328
英国
Olivia
Panis
BAR
Honda
Bridgestone
1.16.771
蒙古
Jacques
Villeneuve
BAR
Honda
Bridgestone
1.17.035
马来西亚
Kimi
Raikkonen
Sauber
Petronas
Bridgestone
1.16.875
缅甸
Nick
Heidfeld
Sauber
Petronas
Bridgestone
1.17.165
朝鲜
Eddie
Irvine
Jaguar
Cosworth
Michelin
1.18.016
中国
Pedro
de la Rosa
Jaguar
Cosworth
Michelin
1.18.015
俄罗斯
Hugh
Gengine
Lotus
Renault
Michelin
1.15.015
韩国
Gloria
Slap
Lotus
Renault
Michelin
1.15.012
日本
( Move:
)
汉字排序:
拼音
笔画
Show Detail
主要特点:
任意标准数据表格(无跨行和跨列),只要设定 id 即可生效!
任意修改删除编辑表格行列
倒出生成数据表
新加功能:汉字排序、拖动表头交换列、修正几个BUG、进一步增强表格的无关性(只要在 table 中加上 id=PowerTable 即可)~~~~~~
如果在较大的页面中引用,请将 window.onload 事件的内容指向 PowerTable 之后!
写的有点乱,而且没有写注释,其实刚开始的时候仅仅是想实践一下 insertRow ~~~~~
(相关显示颜色操了点,不过可以通过变量定制)
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
推荐阅读
怎么用javascript进行拖拽2
Demo - Drag any of the
images
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]你会注意到这个代码几乎是前面的全集,将前面的合在一起就实现了拖拽效果了. 当我们点击一个item时,我们就获取了很多变>>>详细阅读
本文标题:javascript操作表格
地址:http://www.17bianji.com/kaifa2/JS/31680.html
1/2 1