html拖拽表格列宽 JS实现表格列宽拖动

在数据表格中，有时候需要拖动表格宽度，查看完整的数据，是很常用的功能。

1 效果

可以用纯JS就可以实现，如下，是正常情况下的表格：

拖动表格标题中间线，拖动后效果如下：

2 代码

HTML代码：

演示

window.onload = function() {

tabSize.init( esizeTable);

};

.resizeBox{overflow-x: auto; width: 500px;}

table{width: 100%;border: 1px solid #000;border-collapse:collapse;}

th{background: #ccc;}

th, td{border: 1px solid #000;}

标题1标题2标题3

第1行第1行第1行第2行第2行第1行第3行第3行第1行

JS代码：

"use strict&#