element-ui table fixed 缩放错位问题

311 阅读1分钟

当表头未设置最小宽度,导致表头换行时,缩放表格时或突然变化表格宽度时会出现fixed错位问题

image.png

分析问题:在页面上查看元素高度可以发现,是因为表头换行导致的fixed列和表格高度不一致,高度还是表头未换行前的高度。

image.png

刷新后表格正常显示,推测是页面宽度变化时表格未及时重新渲染导致的,使用网上的解决办法doLayout仍未解决

image.png

最后解决方案: 给表头设置min-width 使得表格在宽度变化时表头不会因为自适应宽度而换行

<el-table-column
      show-overflow-tooltip
      prop="seqNotice"
      label="事件通知规则"
      min-width="120"
>