feat(图表): 透视表支持控制行头冻结 #15952

core/core-frontend/src/views/chart/components/editor/editor-style/components/table/TableHeaderSelector.vue

@@ -765,6 +765,20 @@ onMounted(() => {
         {{ t('chart.table_header_show_vertical_border') }}
       </el-checkbox>
     </el-form-item>
+    <el-form-item
+      class="form-item"
+      :class="'form-item-' + themes"
+      v-if="showProperty('rowHeaderFreeze')"
+    >
+      <el-checkbox
+        size="small"
+        :effect="themes"
+        v-model="state.tableHeaderForm.rowHeaderFreeze"
+        @change="changeTableHeader('rowHeaderFreeze')"
+      >
+        {{ t('chart.table_row_header_freeze') }}
+      </el-checkbox>
+    </el-form-item>
     <el-form-item
       v-if="!batchOptStatus && showProperty('headerGroup')"
       class="form-item"

core/core-frontend/src/views/chart/components/js/panel/charts/table/table-pivot.ts

@@ -92,7 +92,8 @@ export class TablePivot extends S2ChartView<PivotSheet> {
       'showColTooltip',
       'showRowTooltip',
       'showHorizonBorder',
-      'showVerticalBorder'
+      'showVerticalBorder',
+      'rowHeaderFreeze'
     ],
     'table-total-selector': ['row', 'col'],
     'basic-style-selector': [
@@ -178,7 +179,7 @@ export class TablePivot extends S2ChartView<PivotSheet> {
     })
 
     // total config
-    const { basicStyle, tooltip, tableTotal } = parseJson(chart.customAttr)
+    const { basicStyle, tooltip, tableTotal, tableHeader } = parseJson(chart.customAttr)
     if (!tableTotal.row.subTotalsDimensionsNew || tableTotal.row.subTotalsDimensions == undefined) {
       tableTotal.row.subTotalsDimensions = r
     }
@@ -389,7 +390,8 @@ export class TablePivot extends S2ChartView<PivotSheet> {
       },
       dataCell: meta => {
         return new CustomDataCell(meta, meta.spreadsheet)
-      }
+      },
+      frozenRowHeader: !(tableHeader.rowHeaderFreeze === false)
     }
     // options
     s2Options.style = this.configStyle(chart, s2DataConfig)