elementUI的el-table在用fixed且有滚动条时出现的样式问题总结
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了elementUI的el-table在用fixed且有滚动条时出现的样式问题总结相关的知识，希望对你有一定的参考价值。
参考技术A 1.在el-table的一些列加fixed后，固定列的横向滚动条无法拖动问题: (1)加样式如果有合计行的，适当增加bottom的值
(2)加上样式后，因为固定列有bottom: 17px的距离，会导致不固定列的滚动到底部后，与左侧发生错位
这时需加上：
2.有纵向滚动条，在横向拖到最右侧时，导致表格位置错乱
这时需要加上
解决elementui table fix列显示不全问题
参考技术A 由于固定了列所以显示不全，查看元素发现给滚动条留了位置解决方法先给了高度百分之百
后来发现滚动条被遮盖
所以有了下面的解决方案
.el-table__fixed
height: 100% !important;
pointer-events: none;
.el-table__fixed-body-wrapper
pointer-events: all
以上是关于elementUI的el-table在用fixed且有滚动条时出现的样式问题总结的主要内容，如果未能解决你的问题，请参考以下文章