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

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

elementui的el-table因滚动条表格错位问题_第1张图片

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

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

elementui的el-table因滚动条表格错位问题_第2张图片

elementui的el-table因滚动条表格错位问题_第3张图片

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

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;
  } 

你可能感兴趣的:(elementui,elementui,javascript,前端)