elementui的el-table因滚动条表格错位问题

最初的对不齐问题如下图:

给列增加width和min-width解决了问题。

后来发现有滚动条时,依然错位。

找了很多种解决方案(以下链接是找的所有解决方案链接),都没有解决问题

vue-elementui 因滚动条引发的table错位问题 - 脆 - 博客园

element 表格出现滚动条时,出现错位问题 - 灰信网(软件开发博客聚合)

element-ui中的表格el-table滚动条样式修改

el-table表头根据内容自适应完美解决表头错位和固定列错位_vue.js_脚本之家

(42条消息) el-table 固定表头和固定列之后 由于滚动条导致的 表格线错位_wdcc.fade的博客-CSDN博客

(42条消息) el-table fixed固定列导致错位的解决方案_NMGWAP的博客-CSDN博客

el-table表格列固定左右滑动导致错位解决办法 - 百度文库

element table在固定列后,滚动条下拉到最下面错位的问题 - 走看看

element表格的有滚动条时产生错位或者偏移 | 码农家园

ElementUI 表格列 错位问题 - 简书

※关于Element-ui中el-table出现的表格错位问题解决_vue.js_脚本之家

(43条消息) elementui动态table表格抖动,表格样式错乱_Sunny_lxm的博客-CSDN博客_element table抖动

(43条消息) Element技能点--el-table固定表头且高度占满_程序员大阳的博客-CSDN博客_el-table 固定表头

(43条消息) element:el-table 表格高度错位_奶绿走糖的博客-CSDN博客_element表格错位

6月23号到6月30号实习总结之table表格出现滚动条发生错位_摸鱼少侠梁先生的博客-CSDN博客_滚动条表格错位

Vue进阶(幺幺玖):element-ui table组件适应性问题(横向滚动条)_No Silver Bullet的博客-CSDN博客_element table 错位

最后在项目中一点点排查el-table下的所有样式,发现是下面样式影响的,去掉后页面就恢复正常了

 .el-table__header {
    table-layout: inherit;
  } 

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值