element Table scroll mofify scrollbar width

xqkwcwgp  于 5个月前  发布在  其他
关注(0)|答案(8)|浏览(63)

Element UI version

2.13.1

OS/Browsers version

window10/ chome 75.0.3770.142

Vue version

2.6.10

https://codepen.io/mrsbetter/pen/JjYRGzP

Steps to reproduce

直接打开即可看到

What is Expected?

gutter宽度,及scroll宽度变小时,不要有默认的16px给滚动条

What is actually happening?

table的scrollbar宽度变小,表格中的scrollbar宽度撑开的宽度还是16px

cwtwac6a

cwtwac6a1#

Translation of this issue:

Element UI version

2.13.1

OS/Browsers version

window10/ chome 75.0.3770.142

Vue version

2.6.10

https://codepen.io/mrsbetter/pen/JjYRGzP

Steps to reproduce

Open directly to see

What is Expected?

When the width of gutter and scroll is smaller, there should be no default 16px for scroll bar

What is actually happening?

The scrollbar width of the table becomes smaller, and the width of the scrollbar in the table is still 16px

jaxagkaj

jaxagkaj2#

我也出现这种情况,无法修复

rm5edbpk

rm5edbpk4#

same problem, no ideas?

rqdpfwrv

rqdpfwrv5#

found a solution, use =))) just add this code at main.css
.el-scrollbar__wrap::-webkit-scrollbar { width: 0; }

vlju58qv

vlju58qv7#

found a solution, use =))) just add this code at main.css
.el-scrollbar__wrap::-webkit-scrollbar { width: 0; }

Good job!

xcitsw88

xcitsw888#

found a solution, use =))) just add this code at main.css
.el-scrollbar__wrap::-webkit-scrollbar { width: 0; }
add firefox support:

//  webkit
.el-scrollbar__wrap::-webkit-scrollbar {
  width: 0;
}
//  Firefox
.el-scrollbar__wrap {
  scrollbar-width: none;
}

相关问题