fix: header click event

hemengke1997 · Aug 19, 2021 · 28d79c2 · 28d79c2
1 parent ffd9a89
commit 28d79c2
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/ResizableHeader.tsx b/src/ResizableHeader.tsx
@@ -51,7 +51,9 @@ const AntdResizableHeader: React.FC<ComponentProp> = (props) => {
   }, [width]);
 
   if (!width || Number.isNaN(Number(width)) || isLast) {
-    return <th {...rest} style={style} className={className} title={titleTip}></th>;
+    return (
+      <th {...rest} style={style} className={className} title={titleTip} onClick={onClick}></th>
+    );
   }
 
   const setBodyStyle = (active: boolean) => {

diff --git a/src/index.css b/src/index.css
@@ -13,7 +13,7 @@
       position: absolute;
       right: -5px;
       bottom: 0;
-      z-index: 1;
+      z-index: 4;
       display: flex;
       justify-content: center;
       width: 10px;
@@ -35,6 +35,9 @@
           background: var(--atrh-color, #000);
         }
       }
+      &:active {
+        z-index: 5;
+      }
     }
 
     & .resizable-fake-box {