diff --git a/core/frontend/src/App.vue b/core/frontend/src/App.vue
index 40f3077521..cd8ee87b6b 100644
--- a/core/frontend/src/App.vue
+++ b/core/frontend/src/App.vue
@@ -13,7 +13,7 @@
       :title="$t('user.change_password')"
       :show-close="false"
     >
-      <PasswordUpdateForm :old-pwd=defaultPwd />
+      <PasswordUpdateForm :old-pwd="defaultPwd" />
     </el-dialog>
   </div>
 </template>
diff --git a/core/frontend/src/components/canvas/components/editor/EditBar.vue b/core/frontend/src/components/canvas/components/editor/EditBar.vue
index 36d3f127f6..0514c0162e 100644
--- a/core/frontend/src/components/canvas/components/editor/EditBar.vue
+++ b/core/frontend/src/components/canvas/components/editor/EditBar.vue
@@ -145,7 +145,7 @@
           :target="curComponent.hyperlinks.openMode "
           :href="curComponent.hyperlinks.content "
         >
-          <i class="icon iconfont icon-com-jump"/>
+          <i class="icon iconfont icon-com-jump" />
         </a>
       </span>
 
@@ -193,7 +193,7 @@
 </template>
 
 <script>
-import {mapState} from 'vuex'
+import { mapState } from 'vuex'
 import bus from '@/utils/bus'
 import SettingMenu from '@/components/canvas/components/editor/SettingMenu'
 import LinkageField from '@/components/canvas/components/editor/LinkageField'
@@ -202,13 +202,13 @@ import FieldsList from '@/components/canvas/components/editor/FieldsList'
 import LinkJumpSet from '@/views/panel/linkJumpSet'
 import Background from '@/views/background/index'
 import MapLayerController from '@/views/chart/components/map/MapLayerController'
-import {uploadFileResult} from '@/api/staticResource/staticResource'
+import { uploadFileResult } from '@/api/staticResource/staticResource'
 import eventBus from '@/components/canvas/utils/eventBus'
-import {hasDataPermission} from '@/utils/permission'
-import {exportExcelDownload} from '@/components/canvas/utils/utils'
+import { hasDataPermission } from '@/utils/permission'
+import { exportExcelDownload } from '@/components/canvas/utils/utils'
 
 export default {
-  components: {Background, LinkJumpSet, FieldsList, SettingMenu, LinkageField, MapLayerController},
+  components: { Background, LinkJumpSet, FieldsList, SettingMenu, LinkageField, MapLayerController },
 
   props: {
     canvasId: {
@@ -467,7 +467,7 @@ export default {
       }
     },
     showViewDetails(openType = 'details') {
-      this.$emit('showViewDetails', {openType: openType})
+      this.$emit('showViewDetails', { openType: openType })
     },
     exportExcelDownload() {
       exportExcelDownload(this.chart)
diff --git a/core/frontend/src/components/canvas/customComponent/UserView.vue b/core/frontend/src/components/canvas/customComponent/UserView.vue
index 2a5e8ff15e..a5c3b61b28 100644
--- a/core/frontend/src/components/canvas/customComponent/UserView.vue
+++ b/core/frontend/src/components/canvas/customComponent/UserView.vue
@@ -1025,10 +1025,13 @@ export default {
       const tableChart = deepCopy(this.chart)
       tableChart.customAttr = JSON.parse(this.chart.customAttr)
       tableChart.customStyle = JSON.parse(this.chart.customStyle)
-      tableChart.customAttr.color.tableHeaderBgColor = '#f8f8f9'
-      tableChart.customAttr.color.tableItemBgColor = '#ffffff'
-      tableChart.customAttr.color.tableHeaderFontColor = '#7c7e81'
-      tableChart.customAttr.color.tableFontColor = '#7c7e81'
+      if (!this.chart.type?.includes('table')) {
+        tableChart.customAttr.color.tableHeaderBgColor = '#f8f8f9'
+        tableChart.customAttr.color.tableItemBgColor = '#ffffff'
+        tableChart.customAttr.color.tableHeaderFontColor = '#7c7e81'
+        tableChart.customAttr.color.tableFontColor = '#7c7e81'
+        tableChart.customAttr.color.enableTableCrossBG = false
+      }
       tableChart.customAttr.color.tableStripe = true
       tableChart.customAttr.size.tablePageMode = 'pull'
       tableChart.customStyle.text.show = false
diff --git a/core/frontend/src/components/widget/deWidget/DeTabs.vue b/core/frontend/src/components/widget/deWidget/DeTabs.vue
index 66e8581be7..827022cff0 100644
--- a/core/frontend/src/components/widget/deWidget/DeTabs.vue
+++ b/core/frontend/src/components/widget/deWidget/DeTabs.vue
@@ -495,7 +495,7 @@ export default {
     bus.$off('add-new-tab', this.addNewTab)
   },
   methods: {
-    setTabLayout: _.debounce(function () {
+    setTabLayout: _.debounce(function() {
       this.headClassScroll = !!this.$refs?.deTabsConstom?.$refs?.tabsConstom?.$refs?.nav?.scrollable ? 'head-class-scroll' : ''
     }, 100),
     calcTabLength() {
diff --git a/core/frontend/src/views/chart/components/ChartComponentS2.vue b/core/frontend/src/views/chart/components/ChartComponentS2.vue
index a051995a50..5f6e389496 100644
--- a/core/frontend/src/views/chart/components/ChartComponentS2.vue
+++ b/core/frontend/src/views/chart/components/ChartComponentS2.vue
@@ -14,8 +14,8 @@
     <span
       v-if="chart.type"
       v-show="title_show"
-      :class="titleIsRight"
       ref="title"
+      :class="titleIsRight"
       :style="title_class"
       style="cursor: default;display: block;"
     >
diff --git a/core/frontend/src/views/chart/components/shapeAttr/ColorSelector.vue b/core/frontend/src/views/chart/components/shapeAttr/ColorSelector.vue
index f4941b0671..615fe73872 100644
--- a/core/frontend/src/views/chart/components/shapeAttr/ColorSelector.vue
+++ b/core/frontend/src/views/chart/components/shapeAttr/ColorSelector.vue
@@ -605,7 +605,8 @@ export default {
           this.colorForm.tableHeaderFontColor = this.colorForm.tableHeaderFontColor ? this.colorForm.tableHeaderFontColor : this.colorForm.tableFontColor
           this.$set(this.colorForm, 'gradient', this.colorForm.gradient || false)
           this.colorForm.tableScrollBarColor = this.colorForm.tableScrollBarColor ? this.colorForm.tableScrollBarColor : DEFAULT_COLOR_CASE.tableScrollBarColor
-          this.colorForm.quotaSuffixColor = this.colorForm.quotaSuffixColor ? this.colorForm.quotaSuffixColor :DEFAULT_COLOR_CASE.quotaSuffixColor
+          this.colorForm.quotaSuffixColor = this.colorForm.quotaSuffixColor ? this.colorForm.quotaSuffixColor : DEFAULT_COLOR_CASE.quotaSuffixColor
+          this.colorForm.tableItemSubBgColor = this.colorForm.tableItemSubBgColor ? this.colorForm.tableItemSubBgColor : DEFAULT_COLOR_CASE.tableItemSubBgColor
 
           this.colorForm.mapStyle = this.colorForm.mapStyle ? this.colorForm.mapStyle : DEFAULT_COLOR_CASE.mapStyle
           this.colorForm.mapLineGradient = this.colorForm.mapLineGradient ? this.colorForm.mapLineGradient : DEFAULT_COLOR_CASE.mapLineGradient
diff --git a/core/frontend/src/views/dataset/add/AddExcel.vue b/core/frontend/src/views/dataset/add/AddExcel.vue
index a0e4f28425..ae124321d1 100644
--- a/core/frontend/src/views/dataset/add/AddExcel.vue
+++ b/core/frontend/src/views/dataset/add/AddExcel.vue
@@ -68,8 +68,9 @@
           @node-click="handleNodeClick"
           @check-change="handleCheckChange"
         >
-          <span class="custom-tree-node"
+          <span
             slot-scope="{ node, data}"
+            class="custom-tree-node"
             :title="data.excelLabel"
           >
             <span class="label">{{ data.excelLabel }}</span>
@@ -91,9 +92,10 @@
                 v-show="!data.sheet"
                 type="text"
                 size="mini"
-                @click="() => remove(node, data)">
-              {{ $t('dataset.delete') }}
-           </el-button>
+                @click="() => remove(node, data)"
+              >
+                {{ $t('dataset.delete') }}
+              </el-button>
             </span>
 
           </span>
@@ -475,10 +477,10 @@ export default {
       }
     },
     remove(node, data) {
-      const parent = node.parent;
-      const children = parent.data.children || parent.data;
-      const index = children.findIndex(d => d.id === data.id);
-      children.splice(index, 1);
+      const parent = node.parent
+      const children = parent.data.children || parent.data
+      const index = children.findIndex(d => d.id === data.id)
+      children.splice(index, 1)
     },
     save() {
       var validate = true
diff --git a/core/frontend/src/views/system/datasource/DsConfiguration.vue b/core/frontend/src/views/system/datasource/DsConfiguration.vue
index 78e27d1705..332a1e414a 100644
--- a/core/frontend/src/views/system/datasource/DsConfiguration.vue
+++ b/core/frontend/src/views/system/datasource/DsConfiguration.vue
@@ -526,14 +526,14 @@
           </el-form-item>
 
           <el-form-item
-              :label="$t('datasource.query_timeout')"
-              prop="apiQueryTimeout"
+            :label="$t('datasource.query_timeout')"
+            prop="apiQueryTimeout"
           >
             <el-input
-                v-model="apiItem.apiQueryTimeout"
-                autocomplete="off"
-                type="number"
-                :min="0"
+              v-model="apiItem.apiQueryTimeout"
+              autocomplete="off"
+              type="number"
+              :min="0"
             >
               <template slot="append">{{ $t('panel.second') }}</template>
             </el-input>
@@ -1158,24 +1158,24 @@ export default {
       }
       callback()
     },
-      isNumber(rule, value, callback) {
-        if (!value) {
-            callback(new Error(i18n.t('datasource.please_input_query_timeout')))
-            return
-        }
-        let isNumber = false
-        var reg = /^\d+$/;
-        isNumber =  reg.test(value);
-        if (!isNumber) {
-            callback(new Error(i18n.t('datasource.please_input_query_timeout')))
-            return
-        }
-        if(value <= 0 ||  value > 300){
-            callback(new Error(i18n.t('datasource.please_input_query_timeout')))
-            return
-        }
-        callback()
-      },
+    isNumber(rule, value, callback) {
+      if (!value) {
+        callback(new Error(i18n.t('datasource.please_input_query_timeout')))
+        return
+      }
+      let isNumber = false
+      var reg = /^\d+$/
+      isNumber = reg.test(value)
+      if (!isNumber) {
+        callback(new Error(i18n.t('datasource.please_input_query_timeout')))
+        return
+      }
+      if (value <= 0 || value > 300) {
+        callback(new Error(i18n.t('datasource.please_input_query_timeout')))
+        return
+      }
+      callback()
+    },
     next() {
       if (this.active === 1) {
         let hasRepeatName = false
diff --git a/core/frontend/src/views/system/sysParam/BasicSetting.vue b/core/frontend/src/views/system/sysParam/BasicSetting.vue
index 475b66afbe..56e3455145 100644
--- a/core/frontend/src/views/system/sysParam/BasicSetting.vue
+++ b/core/frontend/src/views/system/sysParam/BasicSetting.vue
@@ -85,14 +85,14 @@
       </el-form-item>
 
       <el-form-item
-          :label="$t('system_parameter_setting.ds_sync_log_retention_time')"
-          prop="logTimeOut"
+        :label="$t('system_parameter_setting.ds_sync_log_retention_time')"
+        prop="logTimeOut"
       >
         <el-input
-            v-model="formInline.dsSyncLogTimeOut"
-            :placeholder="$t('system_parameter_setting.empty_msg')"
+          v-model="formInline.dsSyncLogTimeOut"
+          :placeholder="$t('system_parameter_setting.empty_msg')"
         ><template
-            slot="append"
+          slot="append"
         >{{ $t('components.day') }}</template></el-input>
       </el-form-item>