pixel-react-excel-sheet 1.0.24 → 1.0.25

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pixel-react-excel-sheet",
   "description": "Great for pixel-perfect, design-focused components in React",
-  "version": "1.0.24",
+  "version": "1.0.25",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",
   "types": "lib/index.d.ts",

package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx

@@ -105,7 +105,7 @@ const ColumnIndicator: Types.ColumnIndicatorComponent = ({
 
   return (
     <th
-      style={{ minWidth: `${columnWidth}px`, position: 'relative' }} //Dynamic value, Inline Styling required
+      style={{ minWidth: `${columnWidth}px`, position: 'sticky' }} //Dynamic value, Inline Styling required
       className={classNames('ff-spreadsheet-header', {
         'ff-spreadsheet-header--selected': selected,
       })}

package/src/components/Excel/ExcelFile/ExcelFileComponents/HeaderRow.tsx

@@ -1,5 +1,5 @@
 import * as Types from './types';
 
-const HeaderRow: Types.HeaderRowComponent = (props) => <tr {...props} />;
+const HeaderRow: Types.HeaderRowComponent = (props) => <tr style={{position:'relative',height:"34px"}} {...props} />;
 
 export default HeaderRow;

package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss

@@ -101,6 +101,7 @@
       position: fixed;
       z-index: 2000;
     }
+
     .corner-header {
       border: 0.1px solid var(--border-color);
       background-color: var(--header-background-color);
@@ -110,8 +111,8 @@
       justify-content: center;
       z-index: 1100;
       top: -1px;
-      width: 59px;
-      height: 27px;
+      width: 60px;
+      height: 34px;
       left: -1px;
     }