Releases · KevinVandy/material-react-table

#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