v2.0.0

#useMaterialReactTable

What's Changed

• Made MaterialReactTable a named export instead of a default export.
• Made @mui/x-date-pickers a required peer dependency.
• Added new useMaterialReactTable hook to replace the need for the tableInstanceRef prop.
• Now exporting all MRT_* sub-components and utility functions from material-react-table package to allow for easier building of custom UIs in headless mode.
• Added createMRTColumnHelper utility function to help with creating columns with slightly more type-safety.
• Added new mrtTheme table option to allow for changing some basic mui theme colors that are hard to target with CSS or the mui theme provider.
• Added new layoutMode: 'grid-no-grow' option for better column resizing behavior.
• Improved column resizing UI.
• Added new columnFilterDisplayMode option to allow for different filter UIs.
• Added new createDisplayMode table option to allow for different create/editing UIs. Added new functionality for creating new rows in the table.
• Renamed editMode prop to editDisplayMode table option.
• Added new paginationDisplayMode option to allow for different pagination UIs.
• Added new rowPinningDisplayMode table option and row pinning features.
• Added new "autocomplete" filterVariant.
• Added new "date" filterVariant.
• Added new "date-range" filterVariant.
• Added new loading overlay UI features when isLoading or showLoadingOverlay are true Progress bars no longer show when isLoading is true.
• Changed the default sort icon and show it as visible with a low opacity by default in table header cells.
• Changed the filter label icon to show before the sort icon in table header cells.
• Changed the default global filter search box UI to be compact and outlined.
• Changed edit text field UI to be more compact by default.
• Changed the default rowNumberDisplayMode to "static".
• Changed how the full screen table UI works internally. (No more mui full screen dialog, just simple CSS)
• Upgraded to TanStack Table v8.10.7
• Upgraded to TanStack Virtual v3.0.0-beta.68
• Renamed options
  • editingMode -> editDisplayMode
  • rowNumberMode -> rowNumberDisplayMode
  • enablePinning -> enableColumnPinning and enableRowPinning
  • virtualizerInstanceRef split into columnVirtualizerRef and rowVirtualizerRef
  • virtualizerProps split into columnVirtualizerOptions and rowVirtualizerOptions
  • columnVirtualizerProps -> columnVirtualizerOptions
  • rowVirtualizerProps -> rowVirtualizerOptions
  • muiTablePaginationProps -> muiPaginationProps
  • muiTableBodyCellCopyButtonProps -> muiCopyButtonProps
  • muiTableBodyCellEditTextFieldProps -> muiEditTextFieldProps
  • muiTableBodyCellSkeletonProps -> muiSkeletonProps
  • muiTableBodyRowDragHandleProps -> muiRowDragHandleProps
  • muiTableDetailPanelProps -> muiDetailPanelProps
  • muiTableHeadCellColumnActionsButtonProps -> muiColumnActionsButtonProps
  • muiTableHeadCellDragHandleProps -> muiColumnDragHandleProps
  • muiTableHeadCellFilterCheckboxProps -> muiFilterCheckboxProps
  • muiTableHeadCellFilterTextFieldProps -> muiFilterTextFieldProps
  • muiTableHeadCellFilterSliderProps -> muiFilterSliderProps
  • MRT_FilterFnsState -> MRT_ColumnFilterFns
  • MaterialReactTableProps -> MRT_TableOptions

• Selected pinned column transparent background on hover by @Gemyfolks in #576
• Revert "Selected pinned column transparent background on hover" by @KevinVandy in #580
• Managing skeleton in each row by @Cassage in #601
• Create bg.ts by @Kubikasz in #614
• Create ko.ts by @Ocknyer in #627
• Allow new lines to be entered when editing textareas by @domenicomanna in #633
• Fix the image to feel it's at scale 1:1 by @oliviertassinari in #639
• fix: wrong first or last column when pinned. by @YongThePsibor in #701
• fix: empty string if currentFilterOption is undefined by @paolapog in #640
• Nepali Language Translations added by @achyutkneupane in #715
• add armenian language by @AlekseySamushkin in #724
• fix: #718 dragend don't fire on virtualization by @YongThePsibor in #719
• Fix cell indentation for sub-rows in rtl mode by @fmoosavi in #745
• fix: Modify Chinese translation by @anyone-yuren in #752
• fix: cast renderCellValue to string to highlight value by @paolapog in #762

New Contributors

• @Gemyfolks made their first contribution in #576
• @Cassage made their first contribution in #601
• @Kubikasz made their first contribution in #614
• @Ocknyer made their first contribution in #627
• @domenicomanna made their first contribution in #633
• @YongThePsibor made their first contribution in #701
• @paolapog made their first contribution in #640
• @achyutkneupane made their first contribution in #715
• @AlekseySamushkin made their first contribution in #724
• @fmoosavi made their first contribution in #745
• @anyone-yuren made their first contribution in #752

Full Changelog: v1.14.0...v2.0.0