js实现简单的table拖动功能

通过js实现简单的table拖动功能,目前拖动的cell设置为td层,可扩展。

附件中table.html是朋友传给我的,原作者不详,在此对他表示感谢,我这里应该叫扩展,标题有点大了,drag table demo.html是我修改之后的一个小例子,传上来主要是供本人学习借鉴。
本想查下jQuery的,好像没有找到单元格可以拖动的,看这个比较简单,就没有仔细研究jQuery的插件了,直接改这个了。


body{
font-size:9pt;
}

table,th,td{
font-size:9pt;
}

.lsitTalbe{
table-layout:fixed;
width:30%;
border-collapse:collapse;
border-color:#507010;
color:#003300;
}

.pageda{
font-family:Webdings;
font-size:12pt;
color:#CCCCCC;
cursor:default;
}

.pageua{
font-family:Webdings;
font-size:12pt;
}
.even{
background:#e8f8d0;
}
.odd{
background:#f8fcf0;
}
.header{
background:a0dc40;
color:003300;
}



Drag Table Demo
































列1列2列3列4
1test1
2test2
3test3










【js实现简单的table拖动功能】

    推荐阅读