vxe-table宽度动态变动

vxe-table 是一个基于 Vue.js 的表格组件，它支持很多的表格功能，包括数据分页、排序、筛选、合并单元格等。当表格列数较多时，如何保证表格宽度合适，以适应不同的屏幕尺寸是一个比较常见的问题。vxe-table 提供了多种设置方式来解决这个问题。

一种解决方案是通过设置 columnWidth 来控制每一列的宽度。当设置了 columnWidth 后，每一列的宽度将固定不变。这种方式适用于表格列数较少、且每列宽度较为固定的情况。另一种解决方案是通过设置 resizable 属性来开启列宽可调整功能，使用户可以通过鼠标拖动表头调整列宽。这种方式适用于表格列数较多、且每列宽度不确定的情况。

除此之外，vxe-table 还提供了一些其他的方式来动态控制表格宽度。例如，通过设置 autoWidth 属性为 true，可以让表格自适应容器宽度。同时，还可以通过监听窗口大小变化事件，重新计算表格宽度，以保证表格在不同的屏幕尺寸下都能正常显示。