fix: th z-index - #67

GuillaumeJasmin · Jul 13, 2020 · f53c30d · f53c30d
1 parent 49f6d15
commit f53c30d
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/src/demo/index.jsx b/src/demo/index.jsx
@@ -121,6 +121,7 @@ function Demo() {
                     Header: 'First Name',
                     accessor: 'firstName',
                     width: 150,
+                    Footer: () => <div>Footer</div>,
                   },
                   {
                     Header: 'Last Name',
@@ -137,6 +138,7 @@ function Demo() {
                     id: 'Full Name',
                     width: 150,
                     Cell: row => <div>{row.original.firstName}<br />{row.original.lastName}</div>,
+                    Footer: () => <div>Footer</div>,
                   },
                   {
                     Header: 'Age',

diff --git a/src/lib/styles.css b/src/lib/styles.css
@@ -65,6 +65,11 @@
   z-index: 1;
 }
 
+.rthfc.-sp .rthfc-th-fixed {
+  /* set z-index = 11 because rt-resizer has z-index = 10 */
+  z-index: 11;
+}
+
 .rthfc.-sp .rthfc-th-fixed-left,
 .rthfc.-sp .rthfc-td-fixed-left {
   left: 0;
@@ -83,4 +88,9 @@
 .rthfc.-se .rt-td.rthfc-td-fixed {
   position: relative;
   z-Index: 1;
-}
+}
+
+.rthfc.-se .-header .rt-th.rthfc-th-fixed {
+  /* set z-index = 11 because rt-resizer has z-index = 10 */
+  z-Index: 11;
+}