column.filterAll
- defaults tofalse
, but when set totrue
will provide the entire array of rows tofilterMethod
as opposed to one row at a time. This allows for more fine-grained filtering using any method you can dream up. See the Custom Filtering example for more info.
PadRowComponent
- the content rendered inside of a padding row. Defaults to a react component that renders
defaultSortDesc
- allows you to set the default sorting direction for all columns to descending.column.defaultSortDesc
- allows you to set the default sorting direction for a specific column. Falls back to the globaldefaultSortDesc
when not set at all.
- New Renderers:
Aggregated
- Custom renderer for aggregated cellsPivot
- Custom renderer for Pivoted Cells (utilizesExpander
andPivotValue
)PivotValue
- Custom renderer for Pivot cell values (deprecates the undocumentedpivotRender
option)Expander
- Custom renderer for Pivot cell Expander
- Added custom sorting methods per table via
defaultSortMethod
and per column viacolumn.sortMethod
- Pivot columns are now visibly separate and sorted/filtered independently.
- Added
column.resizable
to override global tableresizable
option for specific columns. - Added
column.sortable
to override global tablesortable
option for specific columns. - Added
column.filterable
to override global tablefilterable
option for specific columns. - Added
defaultExpanded
table option. - All callbacks can now be utilized without needing to hoist and manage the piece of state they export. That is what their prop counterparts are for, so now the corresponding prop is used instead of the callback to detect a "fully controlled" state.
- Prevent transitions while column resizing for a smoother resize effect.
- Disable text selection while resizing columns.
- New Renderers:
Cell
- deprecates and replacesrender
Header
- deprecates and replacesheader
Footer
- deprecates and replacesfooter
Filter
- deprecates and replacesfilterRender
- Callbacks now provide the destination state as the primary parameter(s). This makes hoisting and controlling the state in redux or component state much easier. eg.
onSorting
no longer requires you to build your own toggle logiconResize
no longer requires you to build your own resize logic
- Renamed
onChange
callback ->onFetchData
which will always fire when a new data model needs to be fetched (or if not usingmanual
, when new data is materialized internally). - Renamed
filtering
->filtered
- Renamed
sorting
->sorted
- Renamed
expandedRows
->expanded
- Renamed
resizing
->resized
- Renamed
defaultResizing
->defaultResized
- Renamed
defaultFiltering
->defaultFiltered
- Renamed
defaultSorting
->defaultSorted
- Renamed
onSortingChange
->onSortedChange
- Renamed
onFilteringChange
->onFilteredChange
- Renamed
onResize
->onResizedChange
- Renamed
onExpandRow
->onExpandedChange
- Renamed
showFilters
->filterable
- Renamed
hideFilter
->filterable
(Column option. Note the true/false value is now flipped.) cellInfo.row
androwInfo.row
now reference the materialize data for the table. To reference the original row, usecellInfo.original
androwInfo.original
- Removed
pivotRender
column option. You can now control how the value is displayed by overriding thePivotValueComponent
or the individual column'sPivotValue
renderer. See Pivoting Options Story for a reference on how to customize pivot column rendering.