js简单的表拖拽

我们 表拖拽效果代码

.mainDiv{padding:1px;overflow:auto;scrollbar-face-color:#DEEAF8;height:auto;width:expression(document.body.clientWidth); }
.fixedHeaderTr{height:24px;background:#D0E2FD;color:#000;text-align:center;}
.fixedHeaderTd{height:24px;line-height:22px}
.relativeTag{height:20px;background-color:#fff;}
.relativeTag1{height:20px;background-color:#F5F6F8;}
.relativetd{border:1px solid #f1f1f1;border-width:0 0 1px 0;padding:0 15px 0 5px;text-align:center;}
.resizeDivClass{text-align:right;width:3px;margin:1px 0 1px 0;background:#eee;float:right;cursor:e-resize;}

function MouseDownToResize(obj){
setTableLayoutToFixed();
obj.mouseDownX=event.clientX;
obj.pareneTdW=obj.parentElement.offsetWidth;
obj.pareneTableW=theObjTable.offsetWidth;
obj.setCapture();
}
function MouseMoveToResize(obj){
if(!obj.mouseDownX) return false;
var newWidth=obj.pareneTdW*1+event.clientX*1-obj.mouseDownX;
if(newWidth>0)
{
obj.parentElement.style.width = newWidth;
theObjTable.style.width=obj.pareneTableW*1+event.clientX*1-obj.mouseDownX;
}
}
function MouseUpToResize(obj){
obj.releaseCapture();
obj.mouseDownX=0;
}
function setTableLayoutToFixed()
{
if(theObjTable.style.tableLayout=='fixed') return;
var headerTr=theObjTable.rows[0];
for(var i=0;i

选择	订单号	公司名称	订单客户	部门	业务员	交款方式
	1000000	中国电信	订单客户名称	广告部	王天一	现金
	1000000	中国电信	订单客户名称	广告部	王天一	现金
	1000000	中国电信	订单客户名称	广告部	王天一	现金
	1000000	中国电信	订单客户名称	广告部	王天一	现金
	1000000	中国电信	订单客户名称	广告部	王天一	现金
	1000000	中国电信	订单客户名称	广告部	王天一	现金
	1000000	中国电信	订单客户名称	广告部	王天一	现金

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]