diff --git a/frontend/src/components/complex-table/index.vue b/frontend/src/components/complex-table/index.vue
index e65235de6..ad9d72817 100644
--- a/frontend/src/components/complex-table/index.vue
+++ b/frontend/src/components/complex-table/index.vue
@@ -22,7 +22,7 @@
         </template>
 
         <div class="complex-table__body">
-            <fu-table v-bind="$attrs" @selection-change="handleSelectionChange">
+            <fu-table v-bind="$attrs" @selection-change="handleSelectionChange" height="67vh">
                 <slot></slot>
             </fu-table>
         </div>
@@ -81,7 +81,6 @@ function handleSelectionChange(row: any) {
             width: auto;
         }
     }
-
     .complex-table__pagination {
         margin-top: 20px;
         @include flex-row(flex-end);
diff --git a/frontend/src/views/demos/table/index.vue b/frontend/src/views/demos/table/index.vue
index 7a07787dd..e1f89c86f 100644
--- a/frontend/src/views/demos/table/index.vue
+++ b/frontend/src/views/demos/table/index.vue
@@ -42,12 +42,12 @@ const data = ref();
 const selects = ref<any>([]);
 const paginationConfig = reactive({
     page: 1,
-    pageSize: 5,
+    pageSize: 20,
     total: 0,
 });
 const userSearch = reactive({
     page: 1,
-    pageSize: 5,
+    pageSize: 20,
 });
 
 const openOperate = (row: User.User | null) => {