flexitablesort
A React component library for drag-and-drop sortable tables with row and column reordering.
Features
- Drag-and-drop row and column reordering
- Smooth 60fps animations using direct DOM transforms
- Auto-scroll when dragging near container edges
- Drag range constraints for locking rows and columns
- DragHandle component for grip-based dragging
- Virtual scrolling support for 100,000+ rows
- Full className and style prop support on every component
- Event delegation - single listener regardless of row count
- TypeScript support with full type definitions
Install
npm install flexitablesort
Components
- TableContainer - Root wrapper providing drag-and-drop context
- TableHeader - Header row container
- ColumnCell - Draggable column header cell
- TableBody - Body container with ref support for virtual scrolling
- BodyRow - Draggable table row
- RowCell - Cell within a body row
- DragHandle - Restricts drag to a specific grip element
View on GitHub |
View on npm