diff --git a/frontend/src/views/chart/chart/util.js b/frontend/src/views/chart/chart/util.js
index 6f538c11e7..7c0ed57281 100644
--- a/frontend/src/views/chart/chart/util.js
+++ b/frontend/src/views/chart/chart/util.js
@@ -1203,7 +1203,7 @@ export const TYPE_CONFIGS = [
         'tableItemFontSize',
         'tableTitleHeight',
         'tableItemHeight',
-        'tableColumnMode'
+        'tableColumnWidth'
       ],
       'title-selector': [
         'show',
@@ -1241,7 +1241,7 @@ export const TYPE_CONFIGS = [
         'tableItemFontSize',
         'tableTitleHeight',
         'tableItemHeight',
-        'tableColumnMode'
+        'tableColumnWidth'
       ],
       'title-selector': [
         'show',
diff --git a/frontend/src/views/chart/components/shape-attr/SizeSelectorAntV.vue b/frontend/src/views/chart/components/shape-attr/SizeSelectorAntV.vue
index 6d37c12b00..58cdd93441 100644
--- a/frontend/src/views/chart/components/shape-attr/SizeSelectorAntV.vue
+++ b/frontend/src/views/chart/components/shape-attr/SizeSelectorAntV.vue
@@ -258,8 +258,9 @@
           </el-tooltip>
         </el-form-item>
         <el-form-item
-          v-show="showProperty('tableColumnWidth') && sizeForm.tableColumnMode === 'custom'"
+          v-show="showProperty('tableColumnMode') && sizeForm.tableColumnMode === 'custom'"
           label=""
+          label-width="100px"
           class="form-item form-item-slider"
         >
           <el-slider
@@ -269,7 +270,7 @@
             show-input
             :show-input-controls="false"
             input-size="mini"
-            @change="changeBarSizeCase('tableColumnWidth')"
+            @change="changeBarSizeCase('tableColumnMode')"
           />
         </el-form-item>
         <!--table-end-->