diff --git a/frontend/src/components/canvas/components/Editor/Preview.vue b/frontend/src/components/canvas/components/Editor/Preview.vue
index 5d11fc0b66..0469c8d67c 100644
--- a/frontend/src/components/canvas/components/Editor/Preview.vue
+++ b/frontend/src/components/canvas/components/Editor/Preview.vue
@@ -31,14 +31,14 @@
           class="dialog-css"
           :destroy-on-close="true"
         >
-          <span  v-if="chartDetailsVisible"  style="position: absolute;right: 70px;top:15px">
+          <span v-if="chartDetailsVisible" style="position: absolute;right: 70px;top:15px">
             <el-dropdown>
               <el-button size="mini">
                 {{ $t('chart.export') }}<i class="el-icon-download" />
               </el-button>
               <el-dropdown-menu slot="dropdown">
                 <el-dropdown-item @click.native="exportExcel"><svg-icon icon-class="ds-excel" class="ds-icon-excel" />Excle</el-dropdown-item>
-                <el-dropdown-item icon="el-icon-picture-outline" @click.native="exportViewImg">{{ $t('chart.image') }}</el-dropdown-item>
+                <el-dropdown-item v-if="showExportImgButton" icon="el-icon-picture-outline" @click.native="exportViewImg">{{ $t('chart.image') }}</el-dropdown-item>
               </el-dropdown-menu>
             </el-dropdown>
           </span>
@@ -137,6 +137,9 @@ export default {
   created() {
   },
   computed: {
+    showExportImgButton() {
+      return this.showChartInfo.type && !this.showChartInfo.type.includes('table')
+    },
     canvasInfoMainStyle() {
       if (this.backScreenShot) {
         return {
diff --git a/frontend/src/components/canvas/components/Editor/index.vue b/frontend/src/components/canvas/components/Editor/index.vue
index 4dcc72c839..231ba944cb 100644
--- a/frontend/src/components/canvas/components/Editor/index.vue
+++ b/frontend/src/components/canvas/components/Editor/index.vue
@@ -153,16 +153,16 @@
       :destroy-on-close="true"
       :show-close="true"
     >
-      <span  v-if="chartDetailsVisible" style="position: absolute;right: 70px;top:15px">
+      <span v-if="chartDetailsVisible" style="position: absolute;right: 70px;top:15px">
         <el-dropdown>
-              <el-button size="mini">
-                {{ $t('chart.export') }}<i class="el-icon-download" />
-              </el-button>
-              <el-dropdown-menu slot="dropdown">
-                <el-dropdown-item @click.native="exportExcel"><svg-icon icon-class="ds-excel" class="ds-icon-excel" />Excle</el-dropdown-item>
-                <el-dropdown-item icon="el-icon-picture-outline" @click.native="exportViewImg">{{ $t('chart.image') }}</el-dropdown-item>
-              </el-dropdown-menu>
-            </el-dropdown>
+          <el-button size="mini">
+            {{ $t('chart.export') }}<i class="el-icon-download" />
+          </el-button>
+          <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item @click.native="exportExcel"><svg-icon icon-class="ds-excel" class="ds-icon-excel" />Excle</el-dropdown-item>
+            <el-dropdown-item v-if="showExportImgButton" icon="el-icon-picture-outline" @click.native="exportViewImg">{{ $t('chart.image') }}</el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
       </span>
       <UserViewDialog
         v-if="chartDetailsVisible"
@@ -952,6 +952,10 @@ export default {
     }
   },
   computed: {
+    showExportImgButton() {
+      // if the chart type belong to table,'export image' button should be hidden
+      return this.showChartInfo.type && !this.showChartInfo.type.includes('table')
+    },
     showGrid() {
       if (this.canvasStyleData && this.canvasStyleData.aidedDesign) {
         return this.canvasStyleData.aidedDesign.showGrid