diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/TableIndexColumnHeader.tsx b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/TableIndexColumnHeader.tsx
index 36419272ab..feff41ce29 100644
--- a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/TableIndexColumnHeader.tsx
+++ b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/TableColumnHeader/TableIndexColumnHeader.tsx
@@ -48,16 +48,13 @@ export const TableIndexColumnHeader = observer<HeaderRendererProps<any>>(functio
     || dataGridContext.model.isReadonly()
   ));
 
-  function preventFocus(event: React.MouseEvent<HTMLButtonElement, MouseEvent>) {
-    event.preventDefault();
-  }
-
   function handleClick(event: React.MouseEvent<HTMLButtonElement, MouseEvent>) {
     selectionContext.selectTable();
+    dataGridContext.focus();
   }
 
   return styled(styles)(
-    <container title={translate('data_grid_table_index_column_tooltip')} onMouseDown={preventFocus} onClick={handleClick}>
+    <container title={translate('data_grid_table_index_column_tooltip')} onClick={handleClick}>
       {readonly && <IconOrImage title={translate('data_grid_table_readonly_tooltip')} icon='/icons/lock.png' />}
       {props.column.name}
     </container>