Table: expose both cell name and dataIndex for selected cell

Author: raheeliftikhar5

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

@@ -477,7 +477,7 @@ type CustomTableProps<RecordType> = Omit<TableProps<RecordType>, "components" |
   columnsStyle: TableColumnStyleType;
   size?: string;
   rowAutoHeight?: boolean;
-  onCellClick: (columnName: string) => void;
+  onCellClick: (columnName: string, dataIndex: string) => void;
 };
 
 function TableCellView(props: {
@@ -632,7 +632,9 @@ function ResizeableTable<RecordType extends object>(props: CustomTableProps<Reco
         linkStyle,
         tableSize: props.size,
         autoHeight: props.rowAutoHeight,
-        onClick: () => props.onCellClick(col.titleText),
+        onClick: () => {
+          props.onCellClick(col.titleText, String(col.dataIndex));
+        }
       }),
       onHeaderCell: () => ({
         width: resizeWidth,
@@ -870,8 +872,11 @@ export function TableCompView(props: {
                 (compChildren.data as any).isLoading()) ||
               compChildren.loading.getView()
             }
-            onCellClick={(columnName: string) => {
-              comp.children.selectedCell.dispatchChangeValueAction(columnName);
+            onCellClick={(columnName: string, dataIndex: string) => {
+              comp.children.selectedCell.dispatchChangeValueAction({
+                name: columnName,
+                dataIndex: dataIndex,
+              });
             }}
           />
 

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

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