elementUI table 组件动态修改表头大小并联动 Vue 示例交互示例：elementUI table 组件动态修改表头大小并联动。 博客配套 Vue ← Demo 归档

elementUI table 组件动态修改表头大小并联动

Vue 示例交互示例：elementUI table 组件动态修改表头大小并联动。

更新于 2021-07-30

Web Vue 博客配套 legacy Vue 博客配套

新窗口打开 原路径 /static/html/vue-elementUI-table-resize-thead.html

简介

Element UI Table 动态调整表头宽度并保持联动的实验页。用于后台表格可拖拽列宽场景。

如何测试验证

1. 拖拽表头边界，确认列宽变化。
2. 横向滚动时检查表头与表体是否对齐。
3. 窗口缩放后列宽是否错乱。

相关规范与文档

• Element UI Table
• MDN: MouseEvent
• MDN: Resize Observer