element-ui table下方出现滚动条的情况
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element-ui table下方出现滚动条的情况相关的知识,希望对你有一定的参考价值。
参考技术A 在使用element-ui table组件时,浏览器中出现了两条横向的滚动条,一条是浏览的自己的,一条是table的。table出现滚动条的原因是父元素的宽度不够,所以只要给父元素足够的宽度table的滚动条就会消失。这种情况一般会出现在小屏幕上。
去除element-ui table表格右侧滚动条的高度
/* //element-ui table的去除右侧滚动条的样式 */
::-webkit-scrollbar
width: 1px;
height: 1px;
/* // 滚动条的滑块 */
::-webkit-scrollbar-thumb
background-color: #a1a3a9;
border-radius: 0px;
以上是关于element-ui table下方出现滚动条的情况的主要内容,如果未能解决你的问题,请参考以下文章
解决element-ui切换tab后,table中fixed的字段底部出现横条的问题