fix: show dragging header text on drag

material-table-core · Feb 26, 2022 · 479b753 · 479b753
1 parent 96afa7d
commit 479b753
Showing 1 changed file with 2 additions and 4 deletions.
diff --git a/src/components/MTableHeader/index.js b/src/components/MTableHeader/index.js
@@ -208,6 +208,7 @@ export function MTableHeader({ onColumnResized, ...props }) {
               key={columnDef.tableData.id}
               draggableId={columnDef.tableData.id.toString()}
               index={index}
+              style={{ zIndex: 99 }}
             >
               {(provided, snapshot) => (
                 <div
@@ -216,10 +217,7 @@ export function MTableHeader({ onColumnResized, ...props }) {
                   {...provided.dragHandleProps}
                   style={
                     snapshot.isDragging
-                      ? {
-                          ...provided.draggableProps.style,
-                          position: 'static'
-                        }
+                      ? provided.draggableProps.style
                       : { position: 'relative', minWidth: 0, display: 'flex' }
                   }
                 >