html表格宽度拖拽,Js拖拽实现改变Table的列宽解决方案

Js拖拽实现改变Table的列宽

如题，楼主是Js小白，最近遇到问题，需要用Js实现GridView的列拖拽改变大小，在网上找到一段代码如下：

function MouseDownToResize(obj) {

setTableLayoutToFixed();

obj.mouseDownX = event.clientX; //当事件被触发时鼠标指针相对于浏览器页面(或客户区)的水平坐标

obj.pareneTdW = obj.parentNode.offsetWidth; //获取Td的宽度

obj.pareneTableW = document.getElementById("Grid_DTable1").offsetWidth; //获取整个表格的宽度

obj.setCapture(); //设置属于当前文档的对象的鼠标捕捉

}

function MouseMoveToResize(obj) {

if (!obj.mouseDownX) return false; //

var newWidth = obj.pareneTdW * 1 + event.clientX * 1 - obj.mouseDownX; //鼠标移动时把宽度设置为之前的宽度加上水平位移再减去之前相对于浏览器的坐标

if (newWidth > 10) {

var theObjTable = document.getElementById("Grid_DTable1");

obj.parentElement.style.width = newWidth;

theObjTable.style.width = obj.pareneTdW * 1