table-column显隐列出现错位

环境：vue3、Element-plus
问题：使用Table表格，并设置table-column的固定宽度。对其中多项列进行隐藏，出现错位效果。


原因：剩余的table-column的宽度之和不足以撑满整个列表的宽度，会进行居中。而表头依然从左向右排列，因此导致表头和内容出现错位。

解决方案：将固定宽度width改为最小宽度min-width，min-width会把剩余宽度按比例分配给设置了 min-width的列。当table-column列数较少时，其宽度会自适应。