Javascript 调整表上的列宽

目前，如果表的宽度不大于容器的宽度，我可以调整表列的大小

我希望在调整列的大小时，使表的宽度增加，以便在表的下方显示一个滚动条。基本上允许我调整大小而不受容器宽度的限制

这是一把小提琴：

代码片段

//var tables=document.getElementsByClassName（'flexiCol'）；
var tables=document.getElementsByClassName（'resizable'）；
对于（变量i=0；i

* {
框大小：边框框；
}
桌子{
边界塌陷：塌陷；
}
运输署，
th{
填充：5px15px；
文本对齐：左对齐；
}
桌子
th，
运输署{
边框：1px实心#000；
}
大小
文件
文件2
文件3
10Mb
C:\Users\BrainBell\Desktop\Empty\abc.txt
C:\Users\BrainBell\Desktop\Empty\abc.txt
C:\Users\BrainBell\Desktop\Empty\abc.txt
通过更新mousemove上的表格宽度来解决此问题：

完整代码：


//var tables=document.getElementsByClassName（'flexiCol'）；
var tables=document.getElementsByClassName（'resizable'）；
对于（变量i=0；i

document.getElementById('tableId').style.width = tableWidth + diffX + "px"

$('#table').bootstrapTable({
    onPostHeader: function () {
        var tables = document.getElementsByClassName('resizable');
        for (var i = 0; i < tables.length; i++) {
            resizableGrid(tables[i]);
        }
        return false;
    },
});