diff --git a/frontend/src/views/chart/components/table/TableNormal.vue b/frontend/src/views/chart/components/table/TableNormal.vue
index 4545a024ed..2e2b1caaf3 100644
--- a/frontend/src/views/chart/components/table/TableNormal.vue
+++ b/frontend/src/views/chart/components/table/TableNormal.vue
@@ -54,6 +54,7 @@ export default {
     }
   },
   mounted() {
+    this.calcHeight()
     this.init()
   },
   methods: {
@@ -61,6 +62,14 @@ export default {
       this.fields = JSON.parse(JSON.stringify(this.chart.data.fields))
       const datas = JSON.parse(JSON.stringify(this.chart.data.tableRow))
       this.$refs.plxTable.reloadData(datas)
+      const that = this
+      window.onresize = function() {
+        that.calcHeight()
+      }
+    },
+    calcHeight() {
+      const currentHeight = document.documentElement.clientHeight
+      this.height = currentHeight - 56 - 40 - 84 - 24 - 16 * 2 - 20
     }
   }
 }
diff --git a/frontend/src/views/chart/view/ChartEdit.vue b/frontend/src/views/chart/view/ChartEdit.vue
index 36480d194d..c48e6477c9 100644
--- a/frontend/src/views/chart/view/ChartEdit.vue
+++ b/frontend/src/views/chart/view/ChartEdit.vue
@@ -196,7 +196,7 @@
           </el-row>
 
           <chart-component v-if="chart.type && !chart.type.includes('table')" :chart-id="chart.id" :chart="chart" class="chart-class" />
-          <table-normal v-if="chart.type && chart.type.includes('table')" :chart="chart" />
+          <table-normal v-if="chart.type && chart.type.includes('table')" :chart="chart" class="chart-class" />
         </el-row>
       </el-col>
     </el-row>