List View Table

The Mantine component adds a Finder-style List View to the Mantine Table, allowing for column reordering and resizing.

Full documentation and API reference available at gfazioli.github.io/mantine-list-view-table

Installation


yarn add @gfazioli/mantine-list-view-table

List View Table extends the standard Mantine Table with advanced features:

Column reordering — drag and drop columns
Column resizing — dual resize modes (standard and finder) with double-click auto-fit
Row selection — single/multiple selection with Cmd/Ctrl+click and Shift+click range select
Keyboard navigation — arrow keys, Home/End, Enter, Space, Cmd+A
Column visibility — controlled/uncontrolled column visibility with right-click header toggle
Context menu — right-click row menus powered by Mantine Menu
Sticky headers — fixed headers with configurable offset
Finder-style UI — macOS-inspired list view look
Sortable columns — click headers to sort
Exported hooks — useSorting, useColumnReorder, useColumnResize, useRowSelection, useKeyboardNavigation, useColumnVisibility