Skip to content

v8.6.0

Choose a tag to compare

@github-actions github-actions released this 12 Jul 02:20

New features

  • Context menu — new contextMenu prop adds a menu to header cells and rows, opened by right-click, a kebab (⋮) button, or both. The header menu ships built-in actions (sort ascending/descending, clear sort, pin left/right, unpin, hide column, reset); row menus render consumer-supplied actions via contextMenuActions.row, and every selection fires onContextMenuAction. Fully keyboard-accessible (role="menu", arrow keys, Escape with focus return), RTL-aware, and localizable via localization.contextMenu (all bundled locales translated). → Context menu (#1342)
  • bigint and Date selectorsPrimitive now includes bigint and Date, so selectors can return them directly for display and built-in sorting. bigint renders as its decimal string and Date as a locale string. → Columns

Bug fixes

  • Selectors that return null or undefined (e.g. a missing field) now sort to the end in both directions instead of landing in an arbitrary position. → Sorting
  • Pagination now sizes its layout from its own container instead of the window, fixing squeezed/overlapping controls in narrow containers and mobile viewports. → Pagination
  • Fixed a pagination SSR hydration mismatch that made React re-render the table client-side on wide viewports.
  • Skeleton loading rows now stretch to the full table width instead of fixed cell widths. → Loading state
  • Widened the column resize handle and fixed the neighboring header cell stealing half its grab area; the hover indicator is now centered on the column separator, including under RTL. → Resizable columns

Full changelog: https://reactdatatable.com/docs/changelog