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

Author: raheeliftikhar5

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}
       />
     );
   }

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();