From aa9fd1d430b81050d8d31a38c4bc84cc5d8b6f4d Mon Sep 17 00:00:00 2001
From: ShineKOT <1917095344@qq.com>
Date: Fri, 25 Jul 2025 13:38:19 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E8=99=9A=E6=8B=9F?=
 =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E6=BB=9A=E5=8A=A8=E6=9D=A1=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                                         |  4 ++++
 .../grid/virtualized-table/virtualized-table.scss    | 12 +++++++++++-
 .../grid/virtualized-table/virtualized-table.tsx     |  2 ++
 .../grid/virtualized-table/virtualized-table.util.ts |  8 ++++----
 4 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index a977e597..c99e9d86 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,10 @@
 
 ## [Unreleased]
 
+### Changed
+
+- 优化虚拟表格滚动条样式
+
 ## [0.7.41-alpha.14] - 2025-07-23
 
 ### Added
diff --git a/src/control/grid/virtualized-table/virtualized-table.scss b/src/control/grid/virtualized-table/virtualized-table.scss
index 71423a6f..b32182ad 100644
--- a/src/control/grid/virtualized-table/virtualized-table.scss
+++ b/src/control/grid/virtualized-table/virtualized-table.scss
@@ -107,6 +107,16 @@ $control-virtualized-table-footer: (
       height: 100%;
     }
 
+    .el-virtual-scrollbar {
+      &.el-vl__horizontal {
+        height: getCssVar(control-virtualized-table, scrollbar-width) !important;
+      }
+
+      &.el-vl__vertical {
+        width: getCssVar(control-virtualized-table, scrollbar-width) !important;
+      }
+    }
+
     // 清除边框线
     .el-table-v2__header-row,
     .el-table-v2__row {
@@ -259,7 +269,7 @@ $control-virtualized-table-footer: (
 
       position: absolute;
       top: 0;
-      right: 0;
+      right: 2px;
       z-index: 1;
       height: getCssVar(control-virtualized-table, now-header-height);
       padding-right: getCssVar(spacing, extra-tight);
diff --git a/src/control/grid/virtualized-table/virtualized-table.tsx b/src/control/grid/virtualized-table/virtualized-table.tsx
index fc122f84..f17ef67a 100644
--- a/src/control/grid/virtualized-table/virtualized-table.tsx
+++ b/src/control/grid/virtualized-table/virtualized-table.tsx
@@ -349,6 +349,8 @@ export const VirtualizedTableControl = defineComponent({
                     row-height={54}
                     columns={columns}
                     header-height={54}
+                    hScrollbarSize={4}
+                    vScrollbarSize={4}
                     data={this.tableData}
                     class={this.ns.e('table')}
                     row-class={this.calcRowClass}
diff --git a/src/control/grid/virtualized-table/virtualized-table.util.ts b/src/control/grid/virtualized-table/virtualized-table.util.ts
index 864ae5c8..d5d5b8dd 100644
--- a/src/control/grid/virtualized-table/virtualized-table.util.ts
+++ b/src/control/grid/virtualized-table/virtualized-table.util.ts
@@ -363,10 +363,10 @@ export function useVirtualizedTable(
       // 如果没有配置自适应列，则最后一列变为自适应列
       if (!adaptiveColumn.length)
         adaptiveColumn = [showColumns[showColumns.length - 1]];
-      const width = (bodyWidth - totalWidth) / adaptiveColumn.length - 6;
-      adaptiveColumn.forEach(column =>
-        Object.assign(column, { width: column.width + width }),
-      );
+      const width = (bodyWidth - totalWidth - 6) / adaptiveColumn.length;
+      adaptiveColumn.forEach(column => {
+        column.width += width;
+      });
     }
     return columns;
   }
-- 
Gitee