Table: expose selectedCell property

Author: raheeliftikhar5

client/packages/lowcoder/src/comps/comps/tableComp/tableComp.tsx

@@ -807,5 +807,17 @@ export const TableComp = withExposingConfigs(TableTmpComp, [
     },
     trans("table.filterDesc")
   ),
+  new DepsConfig(
+    "selectedCell",
+    (children) => {
+      return {
+        selectedCell: children.selectedCell.node(),
+      };
+    },
+    (input) => {
+      return input.selectedCell;
+    },
+    trans("table.selectedCellDesc")
+  ),
   new NameConfig("data", trans("table.dataDesc")),
 ]);

client/packages/lowcoder/src/comps/comps/tableComp/tableCompView.tsx

@@ -477,6 +477,7 @@ type CustomTableProps<RecordType> = Omit<TableProps<RecordType>, "components" |
   columnsStyle: TableColumnStyleType;
   size?: string;
   rowAutoHeight?: boolean;
+  onCellClick: (columnName: string) => void;
 };
 
 function TableCellView(props: {
@@ -631,6 +632,7 @@ function ResizeableTable<RecordType extends object>(props: CustomTableProps<Reco
         linkStyle,
         tableSize: props.size,
         autoHeight: props.rowAutoHeight,
+        onClick: () => props.onCellClick(col.titleText),
       }),
       onHeaderCell: () => ({
         width: resizeWidth,
@@ -868,6 +870,9 @@ export function TableCompView(props: {
                 (compChildren.data as any).isLoading()) ||
               compChildren.loading.getView()
             }
+            onCellClick={(columnName: string) => {
+              comp.children.selectedCell.dispatchChangeValueAction(columnName);
+            }}
           />
 
           <SlotConfigContext.Provider value={{ modalWidth: width && Math.max(width, 300) }}>

client/packages/lowcoder/src/comps/comps/tableComp/tableTypes.tsx

@@ -225,6 +225,7 @@ const tableChildrenMap = {
   // todo: support object config
   dynamicColumnConfig: ArrayStringControl,
   expansion: ExpansionControl,
+  selectedCell: stateComp<string>(''),
 };
 
 export const TableInitComp = (function () {

client/packages/lowcoder/src/i18n/locales/en.ts

@@ -1969,6 +1969,7 @@ export const en = {
     "expandable": "Expandable",
     "configExpandedView": "Configure Expanded View",
     "toUpdateRowsDesc": "An Array of Objects for Rows to Be Updated in Editable Tables.",
+    "selectedCellDesc": "Selected Cell",
     "empty": "Empty",
     "falseValues": "Text When False",
     "iconTrue": "Icon When True",