• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

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

武飞扬头像
weixin_51010848
帮助1

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

学新通

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

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

学新通

学新通

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

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

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

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

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

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

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

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

ElementUI 表格列 错位问题 - 简书

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

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

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

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhghabeg
系列文章
更多 icon
同类精品
更多 icon
继续加载