全局滚动条样式修改,elementUI table底部滚动条遮挡

/* 整个滚动条 */
::-webkit-scrollbar {width: 15px !important;height: 15px !important;
}
/* 滚动条上的滚动滑块 */
::-webkit-scrollbar-thumb {border-radius: 32px;
}
/* 滚动条轨道 */
::-webkit-scrollbar-track {border-radius: 32px;
}// 如果想作用组件 可以 .xxx ::-webkit-scrollbar

修改elementui table 滚动区域样式,因修改全局滚动条样式会影响elementuitable滚动区域高度计算,所以需调整elementui 滚动条样式,不然会造成table滚动区域与滚动条高度不匹配的问题。

.el-table__body-wrapper::-webkit-scrollbar {width: 15px !important; height: 15px !important; 
}
.el-scrollbar__wrap::-webkit-scrollbar {width: 15px !important; height: 15px !important; 
}

注意事项:

1、目前测试只修改当前组件的.el-scrollbar__wrap::-webkit-scrollbar 不生效;

2、注意宽高数量一致,否则会造成表格不对齐现象

建议修改滚动条样式的话,尽量是全局样式修改,样式也较整齐美观 ;

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/108310.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Plotly进行数据可视化初体验

Plotly库是一个交互式开源库。这对于数据可视化和简单轻松地理解数据是非常有用的工具。plotly图形对象是plotly的高级接口,易于使用。它可以绘制各种类型的图形和图表,如散点图,折线图,条形图,箱形图,直方…

DHT11 温湿度传感器

目录 1.DHT11 温湿度传感器概述 2.检测DHT11温湿度传感器模块是否存在 3.通过编写代码读取温湿度数据​编辑 4.将读取到的温湿度数据通过串口上传 1.DHT11 温湿度传感器概述 DHT11数字温湿度传感器是一款含有已校准数字信号输出的温湿度复合传感器,应用领域&am…

后端字典的优雅设计

背景 今天讲到的是数据字典的设计。为什么要讲到这个呢,因为我下午在做开发的时候遇到了一个问题。我先扔出来某个表的字段的定义吧: business_type int default 0 comment 0:收款计划;1:付款计划而且我还有一个字典…

导数公式及求导法则

目录 基本初等函数的导数公式 求导法则 有理运算法则 复合函数求导法 隐函数求导法 反函数求导法 参数方程求导法 对数求导法 基本初等函数的导数公式 基本初等函数的导数公式包括: C0(x^n)nx^(n-1)(a^x)a^x*lna(e^x)e^x(loga(x))1/(xlna)(lnx)1/x(sinx)cos…

asp.net+C#高校实验室机房预约管理系统

本系统以学生,教师和管理员三种角色参与到系统中,这样让学校的主要角色都够方面的,合理的参与到机房的预约管理中,考虑到可能出现的教师同时预约机房的情况,本系统采用了预约时避免冲突、受理时解决冲突的方法&#xf…

Mapbox加载arcgis的底图

成果图 这种底图基本上都是按照raster来加载的,主要就是知道地址了,拼参数 具体参数请参考官网 https://developers.arcgis.com/rest/services-reference/enterprise/export-map.htm 源码 我的服务列表是这样的 http://XXXX:XXXX/arcgis/rest/services/…

ctfshow 反序列化

PHP反序列化前置知识 序列化和反序列化 对象是不能在字节流中传输的,序列化就是把对象转化为字符串以便存储和传输,反序列化就是将字符串转化为对象 魔术方法 __construct() //构造,当对象new时调用 __wakeup() //执行unserialize()时&am…

14.Redis 主从复制

Redis 主从复制 redis 主从复制配置 redis 主从复制启动 redis 主从复制断开 redis 主从复制主从复制构特点主从复制的拓扑结构一主一从⼀主多从树状主从 主从复制原理数据同步psync 运行流程全量复制流程部分复制流程实时复制 关于从节点何时晋升成主节点总结 redis 主从复制 …

分类预测 | Matlab实现RBF-Adaboost多特征分类预测

分类预测 | Matlab实现RBF-Adaboost多特征分类预测 目录 分类预测 | Matlab实现RBF-Adaboost多特征分类预测效果一览基本介绍研究内容程序设计参考资料 效果一览 基本介绍 1.Matlab实现基于RBF-Adaboost数据分类预测(Matlab完整程序和数据) 2.多特征输入…

深入理解JVM虚拟机第六篇:内存结构与类加载子系统概述

文章目录 一:内存结构概述 1:运行时数据区 2:运行时数据区简图 3:运行时数据区详细图中英文版 二:类加载器子系统 1:加载 2:连接 3:初始化 一:内存结构概述 1…

Redis缓存设计与性能优化

多级缓存架构 缓存设计 缓存穿透 缓存穿透是指查询一个根本不存在的数据, 缓存层和存储层都不会命中, 通常出于容错的考虑, 如果从存储层查不到数据则不写入缓存层。缓存穿透将导致不存在的数据每次请求都要到存储层去查询, 失去…

GpsAndMap模块开源,欢迎测评

背景 之前的文章有提到,最近在使用folium的过程中,深感对于一个非专业人员来说,GPS坐标以及其所隐含的GPS坐标系,以及不同GPS坐标系之间的相互转换关系,不是一个十分清晰的概念,往往造成在使用GPS坐标在fo…