滚动条样式

src/app/routes/data-v/workstation/workstation.component.less

@@ -125,4 +125,41 @@
     background-color: #00eff8;
 
     /* 滚动条滑块激活时的背景颜色 */
+}
+
+//竖向
+::ng-deep .ag-body-vertical-scroll-viewport {
+    scrollbar-color: auto;
+}
+
+//横向
+::ng-deep .ag-body-horizontal-scroll-viewport {
+    scrollbar-color: auto;
+}
+
+/* 设置滚动条的宽度 */
+::ng-deep .ag-theme-datav ::ng-deep .ag-body-horizontal-scroll-viewport::-webkit-scrollbar {
+    height: 14em;
+    color: #000;
+}
+
+/* 设置横向滚动条轨道的样式 */
+::ng-deep .ag-theme-datav ::ng-deep .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-track {
+    background-color: transparent;
+    border-color: #00eff8;
+}
+
+/* 设置横向滚动条滑块悬浮时的样式 */
+::ng-deep .ag-theme-datav ::ng-deep .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb:hover {
+    background-color: #00eff8;
+}
+
+/* 设置横向滚动条滑块激活时的样式 */
+::ng-deep .ag-theme-datav ::ng-deep .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb:active {
+    background-color: #00eff8;
+}
+
+/* 设置横向滚动条滑块的颜色 */
+::ng-deep .ag-theme-datav ::ng-deep .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb {
+    background-color: #00eff8;
 }