element-ui中表头与内容边框错位问题

本文提供了三种解决Element UI表格布局问题的方法,包括修改全局样式、更新Element UI版本和调整依赖包版本,帮助开发者有效解决Element UI表格布局bug。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

解决方法一:
在APP.vue中的style标签内加上,注意是全局样式

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

解决方法二:
这个版本亲测有用,删掉当前的版本,下载没这个bug的版本

npm uninstall element-ui
npm install element-ui@^2.9.1

解决方法三:
‘~’ 会匹配最近的小版本依赖包,比如~1.2.3会匹配所有1.2.x版本,但是不包括1.3.0
‘^’ 会匹配最新的大版本依赖包,比如^1.2.3会匹配所有1.x.x的包,包括1.3.0,但是不包括2.0.0
‘* ’这意味着安装最新版本的依赖包
我们换成element-ui@^2.9.1 在本地正常打包放在服务器上自动部署时出现问题,出现这个问题换成如下版本
^2.9.1这个版本打包的时候可能下载的是2.9.2这个版本可以换成如下

npm uninstall element-ui
npm install element-ui@2.9.1
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值