diff --git a/src/control/grid/grid/grid.scss b/src/control/grid/grid/grid.scss
index 7b934ea5c4743202556111aedf5b73651c9bc5aa..2777e67d711368e9581b4596790b935d3a0f8e18 100644
--- a/src/control/grid/grid/grid.scss
+++ b/src/control/grid/grid/grid.scss
@@ -290,6 +290,9 @@ font-weight: getCssVar(font-weight, bold),
       }
     }
 
+    .el-scrollbar__bar.is-horizontal{
+      height: 20px;
+    }
   }
 
   @include e(load-more-button) {
diff --git a/src/control/grid/grid/grid.tsx b/src/control/grid/grid/grid.tsx
index 43b3637d486d830788aeed77dbfdca5da99b24ba..e59ed016bbb522f3cf3d00b2b527295272a21b2c 100644
--- a/src/control/grid/grid/grid.tsx
+++ b/src/control/grid/grid/grid.tsx
@@ -416,6 +416,7 @@ export const GridControl = defineComponent({
             onSelectionChange={this.onSelectionChange}
             onSortChange={this.onSortChange}
             tooltip-effect={'light'}
+            scrollbar-always-on={true}
           >
             {{
               empty: this.renderNoData,