feat: focus first cell on column add

githubocto · Jan 20, 2022 · 11ee519 · 11ee519
1 parent 2249cc6
commit 11ee519
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/components/grid.tsx b/src/components/grid.tsx
@@ -779,6 +779,7 @@ const HeaderWrapper = function (props: CellProps) {
     focusedRowIndex,
     cellTypes,
     isEditable,
+    handleFocusedCellPositionChange,
     onHeaderCellChange,
     onHeaderDelete,
     onHeaderAdd,
@@ -819,6 +820,13 @@ const HeaderWrapper = function (props: CellProps) {
   const onHeaderDeleteLocal = () => {
     onHeaderDelete(columnName);
   }
+  const onHeaderAddLocal = (newColumnName: string) => {
+    onHeaderAdd(newColumnName);
+    handleFocusedCellPositionChange([
+      0,
+      columnNames.length,
+    ])
+  }
 
   return (
     <HeaderWrapperComputed
@@ -841,7 +849,7 @@ const HeaderWrapper = function (props: CellProps) {
       isEditable={isEditable}
       onChange={onHeaderCellChangeLocal}
       onDelete={onHeaderDeleteLocal}
-      onAdd={onHeaderAdd}
+      onAdd={onHeaderAddLocal}
       onSort={handleSortChange}
       onSticky={() => handleStickyColumnNameChange(columnName)}
       onFilterChange={(value: FilterValue) => {