From 6e438e582db6115cdc0184144b754bd8b6d0392f Mon Sep 17 00:00:00 2001
From: righ <django.hamster@gmail.com>
Date: Mon, 28 Oct 2024 22:00:42 +0900
Subject: [PATCH] fix: set width and height at left top

---
 src/components/Tabular.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Tabular.tsx b/src/components/Tabular.tsx
index 8aab179..053dfd6 100644
--- a/src/components/Tabular.tsx
+++ b/src/components/Tabular.tsx
@@ -28,7 +28,7 @@ export const Tabular = ({ tableRef }: Props) => {
   const [refs, setRefs] = React.useState<RefPaletteType>({});
   const [, { externalRefs = {}, setExternalRefs }] = useSheetContext();
   const { store, dispatch } = React.useContext(Context);
-  const { sheetHeight, sheetWidth, table, tableInitialized, gridOuterRef, sheetRef } = store;
+  const { sheetHeight, sheetWidth, table, tableInitialized, gridOuterRef, sheetRef, headerWidth, headerHeight } = store;
 
   const { editingCell, inputting } = store;
 
@@ -127,7 +127,7 @@ export const Tabular = ({ tableRef }: Props) => {
               <tr>
                 <th
                   className="gs-header gs-header-left gs-header-top gs-header-left-top"
-                  style={{ position: 'sticky' }}
+                  style={{ position: 'sticky', width: headerWidth, height: headerHeight }}
                   onClick={() => {
                     dispatch(choose({ y: -1, x: -1 }));
                     window.setTimeout(() => {