New features
- Keyboard cell navigation — new
cellNavigationprop turns the table into a WAI-ARIA grid (role="grid"/"gridcell", single Tab stop, roving tabindex). Arrow keys move between cells, including the header row, selection checkboxes, and expander buttons;Home/EndandCtrl+Home/Ctrl+Endjump to row and grid edges;Enter/F2open a cell's editor andEscapecancels it;Enter/Spacesort from a header. → Keyboard navigation (#1332) - More headless hooks —
useCellNavigation(the same logic behindcellNavigation, usable on your own markup) anduseColumnResize(drag-to-resize) are now exported. Column pinning gets three new pure-function exports —getPinnedOffsets,getPinnedTotalWidths,getPinnedCellMeta— since pinning has no state to own beyondcolumn.pinnedon your own columns. → Headless hooks
Bug fixes
- Fixed inline-edit refocus resolving by DOM id, which could steal focus into a different
DataTableinstance on the same page when two tables shared column ids and row keys.
Full changelog: https://reactdatatable.com/docs/changelog