Make columns resize live instead of on drag end

Issue #52
openscopeproject · Jul 27, 2023 · 4e3eafb · 4e3eafb
1 parent ba70e55
commit 4e3eafb
Showing 1 changed file with 1 addition and 5 deletions.
diff --git a/src/components/tables/common.tsx b/src/components/tables/common.tsx
@@ -101,6 +101,7 @@ function useTable<TData>(
         onColumnVisibilityChange: setColumnVisibility,
         onColumnOrderChange: setColumnOrder,
         enableColumnResizing: true,
+        columnResizeMode: "onChange",
         onColumnSizingChange: setColumnSizing,
         enableSorting: true,
         onSortingChange: setSorting,
@@ -394,11 +395,6 @@ function HeaderCell<TData>({ header, resizerOffset }: { header: Header<TData, un
                 onMouseDown: header.getResizeHandler(),
                 onTouchStart: header.getResizeHandler(),
                 className: `resizer ${header.column.getIsResizing() ? "isResizing" : ""}`,
-                style: {
-                    transform: header.column.getIsResizing()
-                        ? `translateX(${resizerOffset ?? 0}px)`
-                        : "",
-                },
             }} >
                 {resizerOffset != null && <div className="resizer-guide" />}
             </div>