diff --git a/frontend/src/components/widget/DeWidget/DeSelectGrid.vue b/frontend/src/components/widget/DeWidget/DeSelectGrid.vue
index c50648ee74..35b590e281 100644
--- a/frontend/src/components/widget/DeWidget/DeSelectGrid.vue
+++ b/frontend/src/components/widget/DeWidget/DeSelectGrid.vue
@@ -4,7 +4,7 @@
     <div class="de-select-grid-search">
       <el-input v-model="keyWord" :placeholder="$t('deinputsearch.placeholder')" size="mini" prefix-icon="el-icon-search" clearable />
     </div>
-    <div>
+    <div class="list">
       <el-tree
         v-if="options!== null && options.attrs!==null"
         ref="deSelectGrid"
@@ -246,4 +246,13 @@ export default {
     border-radius: 0px;
   }
 }
+.de-select-grid-class {
+  .list {
+    overflow-y: auto;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+  }
+}
 </style>