New features
- Localization — new
localizationprop onDataTablereplaces the three separate option props (columnFilterOptions,expandableRowsOptions, and pagination aria-label fields onpaginationComponentOptions). Pass a single object to translate every string and aria-label in the table — filter panel, pagination navigation, and expand/collapse buttons. → Localization docs - Built-in locales — import pre-built translations from the
react-data-table-component/localessubpath. Ships with: English (en), French (fr), Spanish (es), German (de), Brazilian Portuguese (ptBR), Arabic — Modern Standard (ar), Egyptian (arEG), Levantine (arLV), Hebrew (he), Chinese Simplified (zhCN), Chinese Traditional (zhTW), Japanese (ja), Korean (ko), Ukrainian (uk). Each locale is individually tree-shakeable. - New utility exports:
emptyFilterState(type)andisFilterActive(filter). → Filtering docs
Deprecations
The following will continue to work in 8.x but will be removed in v9. TypeScript will show a deprecation hint.
columnFilterOptionsprop — uselocalizationwith afilterkey instead.expandableRowsOptionsprop — uselocalizationwith anexpandablekey instead.- Pagination aria-label fields on
paginationComponentOptions(navigationAriaLabel,firstPageAriaLabel,previousPageAriaLabel,nextPageAriaLabel,lastPageAriaLabel) — uselocalizationwith apaginationkey instead. ColumnFilterOptionsandExpandableRowsOptionstypes — useLocalization['filter']andLocalization['expandable']instead.