修改滚动条样式 css // 设置滚动条的宽度 .el-table__body-wrapper::-webkit-scrollbar { width: 4px; } // 设置滚动条的背景色和圆角 .el-table__body-wrapper::-webkit-scrollbar-thumb { background-color: #535353; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius:...
::-webkit-scrollbar-track-piece 内层轨道,滚动条中间部分(除去) ::-webkit-scrollbar-corner 边角,即两个滚动条的交汇处 ::-webkit-resizer 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件 1. 2. 3. 4. 5. 6. 7. 1. 修改单个滚动条样式 在对应组件的样式中使用穿透 .el-table { /deep/ ...
native: Boolean, // 是否使用本地,设为true则不会启用element-ui自定义的滚动条 wrapStyle: {}, // 包裹层自定义样式 wrapClass: {}, // 包裹层自定义样式类 viewClass: {}, // 可滚动部分自定义样式类 viewStyle: {}, // 可滚动部分自定义样式 noresize: Boolean, // 如果 container 尺寸不会发生...
当el-table的数据条数过多的时候,我们就要固定el-table的表头,从而实现竖向滚动的效果,不过默认的滚动条样式不太好看,所以我们可以修改一下滚动条的样式。其实很简单,css加上样式设置即可。 修改前的滚动条样式 修改语句 // 设置滚动条的宽度 /deep/ .el-table__body-wrapper::-webkit-scrollbar { width: 10...
如果你想修改element-ui中的表格el-teble的滚动条样式,可以参考一下以下的css样式代码: .el-table__body-wrapper{background-color:#ddd;}.el-table__body-wrapper::-webkit-scrollbar{width:8px!important;height:8px!important;} 或者参考以下的css样式代码: ...
修改element-ui滚动条样式 //滚动条的宽度 .your-table .el-table__body-wrapper::-webkit-scrollbar { width: 10px; height: 10px; } //滚动条的滑块 .your-table .el-table__body-wrapper::-webkit-scrollbar-thumb { background-color: #a1a3a9;...
之前在使用element-ui表格的时候有修改过滚动条的样式,但是没有找到官方的途径后来是这么改的,可以参考看看//滚动条的宽度.your-table .el-table__body-wrapper::-webkit-scrollbar { width: 10px; height: 10px;}//滚动条的滑块.your-table .el-table__body-wrapper::-webkit-scrollbar-thumb...
之前在使用element-ui表格的时候有修改过滚动条的样式,但是没有找到官方的途径后来是这么改的,可以参考看看 //滚动条的宽度 .your-table .el-table__body-wrapper::-webkit-scrollbar { width: 10px; height: 10px; } //滚动条的滑块 .your-table .el-table__body-wrapper::-webkit-scrollbar-thumb { ...
我猜你的意思是想保持表格头不滚动,只滚动table-body。你可以这样处理:例如@阿蛇答主的解决方案再加上一条件。const el_scrollBar = (el) => { // `.el-table__body-wrapper`是Elementui的表格体。 const dom = el.querySelector('.el-table__body-wrapper')...
简介:修改elementui table 组件滚动条样式 .el-table::webkit-scrollbar{display:block;height:938px;width:6px;}.el-table::webkit-scrollbar-thumb{box-shadow:inset000pxwhite;-webkit-box-shadow:inset000pxwhite;background:rgba(64,158,255,0.6);border-radius:4px;}.el-table::-webkit-scrollbar-track...