ElementUI的el-table行列错位对不齐问题处理

1. 问题表现

使用ElementUI的el-table后,偶然发现出现行列错位、对不齐问题。

在这里插入图片描述
还有一种列对不齐的,没找到截图,反正就是表格错乱。

2. 问题发现

实际上为了让表格可以垂直滚动造成的,添加了如下代码,对原生样式造成了影响。

.el-table {
  overflow-y: auto !important;
}

3. 问题处理

直接在el-table外围添加一个div,然后固定div的高度让其垂直滚动即可。

©️2020 CSDN 皮肤主题: 点我我会动 设计师:上身试试 返回首页