show/hide summary row's column based on dynamic columns settings in table comp

raheeliftikhar5 · raheeliftikhar5 · commit 3637da2bf918 · 2025-06-06T22:25:32.000+05:00
diff --git a/client/packages/lowcoder/src/comps/comps/tableComp/tableCompView.tsx b/client/packages/lowcoder/src/comps/comps/tableComp/tableCompView.tsx
@@ -1039,6 +1039,8 @@ export const TableCompView = React.memo((props: {
         summaryRows={parseInt(summaryRows)}
         columns={columns}
         summaryRowStyle={summaryRowStyle}
+        dynamicColumn={dynamicColumn}
+        dynamicColumnConfig={dynamicColumnConfig}
       />
     );
   }
diff --git a/client/packages/lowcoder/src/comps/comps/tableComp/tableSummaryComp.tsx b/client/packages/lowcoder/src/comps/comps/tableComp/tableSummaryComp.tsx
@@ -186,6 +186,8 @@ export const TableSummary = memo(function TableSummary(props: {
   columns: ColumnComp[];
   summaryRowStyle: TableSummaryRowStyleType;
   istoolbarPositionBelow: boolean;
+  dynamicColumn: boolean;
+  dynamicColumnConfig: string[];
 }) {
   const {
     columns,
@@ -195,18 +197,26 @@ export const TableSummary = memo(function TableSummary(props: {
     expandableRows,
     multiSelectEnabled,
     istoolbarPositionBelow,
+    dynamicColumn,
+    dynamicColumnConfig,
   } = props;
 
   const visibleColumns = useMemo(() => {
     let cols = columns.filter(col => !col.getView().hide);
+    if (dynamicColumn) {
+      cols = cols.filter(col => {
+        const colView = col.getView();
+        return dynamicColumnConfig.includes(colView.isCustom ? colView.title : colView.dataIndex)
+      })
+    }
     if (expandableRows) {
       cols.unshift(new ColumnComp({}));
     }
     if (multiSelectEnabled) {
       cols.unshift(new ColumnComp({}));
     }
     return cols;
-  }, [columns, expandableRows, multiSelectEnabled]);
+  }, [columns, expandableRows, multiSelectEnabled, dynamicColumn, dynamicColumnConfig]);
 
   const renderSummaryCell = useCallback((column: ColumnComp, rowIndex: number, index: number) => {
     const summaryColumn = column.children.summaryColumns.getView()[rowIndex].getView();

Original file line number	Diff line number	Diff line change
`@@ -1039,6 +1039,8 @@ export const TableCompView = React.memo((props: {`
`1039`	`1039`	`summaryRows={parseInt(summaryRows)}`
`1040`	`1040`	`columns={columns}`
`1041`	`1041`	`summaryRowStyle={summaryRowStyle}`
	`1042`	`+ dynamicColumn={dynamicColumn}`
	`1043`	`+ dynamicColumnConfig={dynamicColumnConfig}`
`1042`	`1044`	`/>`
`1043`	`1045`	`);`
`1044`	`1046`	`}`