From 36163262760733c164816e16b02147f009a3808e Mon Sep 17 00:00:00 2001
From: Anush Deokar <deokaranush@gmail.com>
Date: Mon, 6 Nov 2023 20:52:38 +0530
Subject: [PATCH] fix: selection column should be sticky especially when
 columns are frozen (#1466)

* bulk selection bug fix

* space lint fix
---
 src/components/Table/TableBody.tsx   | 2 +-
 src/components/Table/TableHeader.tsx | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Table/TableBody.tsx b/src/components/Table/TableBody.tsx
index 04918f18..1a66a405 100644
--- a/src/components/Table/TableBody.tsx
+++ b/src/components/Table/TableBody.tsx
@@ -122,7 +122,7 @@ export const TableBody = memo(function TableBody({
 
               if (cell.id.includes("_rowy_select")) {
                 return (
-                  <StyledCell key={cell.id} role="gridcell">
+                  <StyledCell key={cell.id} role="gridcell" data-frozen="left">
                     {flexRender(cell.column.columnDef.cell, cell.getContext())}
                   </StyledCell>
                 );
diff --git a/src/components/Table/TableHeader.tsx b/src/components/Table/TableHeader.tsx
index ae763a60..709f8cc0 100644
--- a/src/components/Table/TableHeader.tsx
+++ b/src/components/Table/TableHeader.tsx
@@ -79,7 +79,8 @@ export const TableHeader = memo(function TableHeader({
                     <StyledColumnHeader
                       key={header.id}
                       role="columnheader"
-                      style={{ padding: 0 }}
+                      style={{ padding: 0, zIndex: 11 }}
+                      data-frozen="left"
                     >
                       {flexRender(
                         header.column.columnDef.header,