html表格宽度拖拽,拖动改变Table的列宽度

.resizeDivClass

{

position:relative;

background-color:red;

width:2;

z-index:1;

left:expression(this.parentElement.offsetWidth-1);

cursor:e-resize;

}

function MouseDownToResize(obj){

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;

}

改变table的列宽度

改变table的列宽度	改变table的列宽度	改变table的列宽度
改变table的列宽度	改变table的列宽度	改变table的列宽度