#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 thetableInstanceRef
prop. - Now exporting all
MRT_*
sub-components and utility functions frommaterial-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 toeditDisplayMode
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
orshowLoadingOverlay
are true Progress bars no longer show whenisLoading
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
andenableRowPinning
virtualizerInstanceRef
split intocolumnVirtualizerRef
androwVirtualizerRef
virtualizerProps
split intocolumnVirtualizerOptions
androwVirtualizerOptions
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