el-table表头与内容右边框错位问题

Posted haoqi1997

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了el-table表头与内容右边框错位问题相关的知识,希望对你有一定的参考价值。

在用element写一个后台管理系统时遇到一个坑,el-table标签渲染出数据后表头th和内容会有错位,之前没有的 修改大小都没用 于是看百度搜索一波最终解决
修改之前 虽然不大 但是别扭

技术图片

 

在全局添加 css属性 完美解决 有效

body .el-table th.gutter {
    display: table-cell!important;
}

 

添加之后

 

 

技术图片

看着舒服多了  具体原因有待研究

以上是关于el-table表头与内容右边框错位问题的主要内容,如果未能解决你的问题,请参考以下文章

请问easyui datagrid的表头与内容会错位你是怎么解决的

tbody滚动条占位导致与thead表头错位

easyui datagrid 渲染的时候出现表头与内容错位,这是啥原因造成的

el-table表头中加el-popover下拉框

easyui datagrid 渲染的时候出现表头与内容错位,这是啥原因造成的,求解答。。。

element ui el-table 多选 表头全选框替换文字