element-ui table下方出现滚动条的情况

Posted 2023-03-16

参考技术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;