elementUI-plus 中 el-table 出现表头和数据行的错位

Question

elementUI-plus 中 el-table 出现表头和数据行的错位

出现错误的效果如下

对应的代码如下

     <el-dialog v-model="userConfigVisible">
                <el-table :data="configList"   style="width: 100%">
                        <el-table-column fixed  prop="config_id" label="id" width="50" />
                        <el-table-column prop="config_name" label="配置名称" width="150" />
                        <el-table-column prop="config_user" label="账户" width="100" />
                        <el-table-column prop="config_pass" label="密码" width="100" />
                        <el-table-column prop="remark" label="备注" width="120" />

                </el-table>
        </el-dialog>

目前一个死板的解决方法就是 改width为一个定值，定值是所有el-table-column长度。
还有更简单的解决方法么？

Answer 1

这个原因是因为你有全局的样式污染，干扰了这边的样式，建议还是先排查，是什么全局样式导致的污染，否则后续会越来越麻烦