element-ui中的表格el-table滚动条样式修改
2019-04-23 16:31
4259 查看
可以参考看看:
[code] // 滚动条的宽度 /deep/ .el-table__body-wrapper::-webkit-scrollbar { width: 6px; // 横向滚动条 height: 6px; // 纵向滚动条 必写 } // 滚动条的滑块 /deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 3px; }
如果是整个页面的滚动条风格是一致的,直接改全局的滚动条样式也可以有效果
[code]//滚动条的宽度 ::-webkit-scrollbar { width: 10px; height: 10px; } //滚动条的滑块 ::-webkit-scrollbar-thumb { background-color: #a1a3a9; border-radius: 3px; }
滚动条样式存在兼容性问题,以上的样式是在webkit浏览器下可生效的
相关文章推荐
- vue将指定区域的表格数据或element-ui中el-table的数据单笔或多笔批量导出excel
- element-ui 表格样式修改
- Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用
- elementUI el-table表格列排序的两种方法
- VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法
- elementui el-table 表格列做了处理,导出表格功能
- element-ui中 table表格hover 修改背景色
- element-ui 更改表格中某个单元格的样式
- VueJS ElementUI el-table 的 formatter 和 scope template 不能同时存在
- vue + ElementUI 表格筛选框的高度设置,超出一定高度,显示滚动条
- element-ui table样式处理
- 解决 Vue element ui 的table水平滚动条固定底部
- elementui的默认样式修改方法
- vue elementui table默认显示子表格
- element-ui默认样式修改
- vue+elementui的table行内实现el-upload文件添加/多文件上传
- vue+element ui样式修改不了的问题
- elementUI el-table-column 省略号不生效
- 关于element-ui中使用el-scrollbar包裹el-tree时横向滚动条不显示的问题
- element-ui表格使用前台排序,当table部分数据为空null时,解决排序不起作用、排序错乱和排序不整齐的问题