adds elect by key

Author: sergeyteleshev

src/DataGrid.tsx

@@ -55,6 +55,7 @@ import type {
   FillEvent,
   Maybe,
   Position,
+  PositionByKey,
   Renderers,
   RowsChangeData,
   SelectCellOptions,
@@ -111,6 +112,7 @@ export interface DataGridHandle {
   element: HTMLDivElement | null;
   scrollToCell: (position: PartialPosition) => void;
   selectCell: (position: Position, options?: SelectCellOptions) => void;
+  selectCellByKey: (position: PositionByKey, options?: SelectCellOptions) => void;
 }
 
 type SharedDivProps = Pick<
@@ -547,7 +549,8 @@ export function DataGrid<R, SR = unknown, K extends Key = Key>(props: DataGridPr
           setScrollToPosition({ idx: scrollToIdx, rowIdx: scrollToRowIdx });
         }
       },
-      selectCell
+      selectCell,
+      selectCellByKey
     })
   );
 
@@ -859,6 +862,14 @@ export function DataGrid<R, SR = unknown, K extends Key = Key>(props: DataGridPr
     }
   }
 
+  function selectCellByKey(position: PositionByKey, options?: SelectCellOptions): void {
+    const columnIdx = columns.findIndex((col) => col.key === position.columnKey);
+    if (columnIdx === -1) {
+      throw new Error(`Column with key "${position.columnKey}" not found`);
+    }
+    selectCell({ idx: columnIdx, rowIdx: position.rowIdx }, options);
+  }
+
   function selectHeaderCell({ idx, rowIdx }: Position): void {
     selectCell({ rowIdx: minRowIdx + rowIdx - 1, idx });
   }

src/types.ts

@@ -120,6 +120,11 @@ export interface Position {
   readonly rowIdx: number;
 }
 
+export interface PositionByKey {
+  readonly columnKey: string;
+  readonly rowIdx: number;
+}
+
 export interface RenderCellProps<TRow, TSummaryRow = unknown> {
   column: CalculatedColumn<TRow, TSummaryRow>;
   row: TRow;