arreglando solapamiento

Author: RafaelGB

src/components/NavBar.tsx

@@ -96,13 +96,16 @@ export function HeaderNavBar(headerNavBarProps: NavBarProps) {
   const { table } = headerNavBarProps;
   return (
     <div
-      key="div-navbar-header-row"
-      className={`${c("tr")}`}
+      key={`div-navbar-header-row`}
+      className={`${c("tr sticky-level-1")}`}
       style={{
         width: table.getCenterTotalSize(),
       }}
     >
-      <div className={`${c("th navbar")}`} key="div-navbar-header-cell">
+      <div
+        className={`${c("th navbar sticky-level-1")}`}
+        key="div-navbar-header-cell"
+      >
         <NavBar {...headerNavBarProps} />
       </div>
     </div>

src/components/Table.tsx

@@ -268,7 +268,7 @@ export function Table(tableData: TableDataType) {
     <>
       <div
         key={`div-table-navbar`}
-        className={`${c("table sticky-level-1 sticky_first_column")}`}
+        className={`${c("table sticky-level-1")}`}
         style={{
           width: table.getCenterTotalSize(),
         }}

styles.css

@@ -288,6 +288,7 @@ div.database-plugin__checkbox {
   cursor: pointer;
   position: sticky;
   bottom: 0;
+  z-index: 3;
   background-color: var(--background-primary);
 }
 
@@ -365,9 +366,7 @@ div.database-plugin__checkbox {
 }
 
 .database-plugin__sticky_first_column .database-plugin__td:first-child,
-.database-plugin__sticky_first_column .database-plugin__th:first-child,
-.database-plugin__sticky-level-1 .database-plugin__tr:first-child,
-.database-plugin__sticky-level-1 .database-plugin__th:first-child {
+.database-plugin__sticky_first_column .database-plugin__th:first-child {
   position: sticky;
   left: 0;
   z-index: 1;
@@ -406,6 +405,7 @@ div.database-plugin__checkbox {
 .database-plugin__sticky-level-1 {
   position: sticky;
   top: 0;
+  left: 0;
   z-index: 2;
 }
 .database-plugin__sticky-level-2 {