diff --git a/cutejava-front/src/views/components/dev/CuteDragTable.vue b/cutejava-front/src/views/components/dev/CuteDragTable.vue
index 67862693..dc0fe2e6 100644
--- a/cutejava-front/src/views/components/dev/CuteDragTable.vue
+++ b/cutejava-front/src/views/components/dev/CuteDragTable.vue
@@ -9,8 +9,8 @@
       fit
       :data="crud.dataSource"
       style="width: 100%;"
-      height="450"
-      max-height="450"
+      :height="height"
+      :max-height="height"
       @selection-change="onTableSelectionChange"
     >
       <el-table-column v-if="mode === 'multi'" type="selection" width="55" />
@@ -117,6 +117,11 @@ export default {
       }
     }
   },
+  computed: {
+    height() {
+      return document.documentElement.clientHeight - 250
+    }
+  },
   mounted() {
     this.initData()
   },
diff --git a/cutejava-front/src/views/components/dev/CuteSimpleTable.vue b/cutejava-front/src/views/components/dev/CuteSimpleTable.vue
index 25181341..62aa356e 100644
--- a/cutejava-front/src/views/components/dev/CuteSimpleTable.vue
+++ b/cutejava-front/src/views/components/dev/CuteSimpleTable.vue
@@ -9,8 +9,8 @@
       fit
       :data="crud.dataSource"
       style="width: 100%;"
-      height="450"
-      max-height="450"
+      :height="height"
+      :max-height="height"
       @selection-change="onTableSelectionChange"
     >
       <el-table-column v-if="mode === 'multi'" type="selection" width="55" />
@@ -116,6 +116,11 @@ export default {
       }
     }
   },
+  computed: {
+    height() {
+      return document.documentElement.clientHeight - 250
+    }
+  },
   mounted() {
     this.initData()
   },