7.0.0-alpha-6

🔥 Breaking Changes 🔥

• sortFunction prop signature has changed, This was necessary because RDT is moving to function only selectors which are more flexible and performant. Additionally, this allows the API user greater control over how they sort. See the README for details Custom Sort Function.

Fixes

• Cleanup of stale sorting logic and CSS styles
• #612 and #699 The TableHeadRow is no longer disabled when in a loading state. Instead, each TableCol is disabled from sorting
• #772 fixes a potential performance issue with large data sets and conditionalCells and `conditionalRows1
• #775 sortServer should now disable internal sorting as it did in v6

Deprecation

• #770 string selectors will display a console warning on non prod builds recommended you migrate to function selectors. This change is rather painless: selector: 'name' becomes selector: row => row.name. This not only allows for typing but also no longer requires an expensive regex/reduce function to loop through a row to "get' the prop

7.0.0-alpha-5

• implements #756
• fixes initial row rendering

7.0.0-alpha-4

This is a major refactor to TypeScript as well as some long-running bugs:

Details

Breaking Changes

• #738 #719 defaultSortfField is now defaultSortFieldId where you use a column ID instead of a name.
  If you do not assign an id to each of your column definitions RDT will add ad id starting with 1,23,...

v6.11.6

Fixes

• #684 addresses an issue if you were using custom cells then any properly that enabled RowClick events did not fire a click event back to the RowClick handler. If you are using properties such as: onRowClicked, onRowDoubleClicked, expandOnRowClicked or expandOnRowDoubleClicked then those click events will be ignored when clicking on your custom cell. To allow RowClicked events you can add data-tag="allowRowEvents" to your custom cell component elements. If your custom cell component is more complex and has nested elements you want to add data-tag="allowRowEvents" to the innermost element or on the elements you want to propagate the click event to. For example: row => <h2 data-tag="allowRowEvents">{row.title}</h2>

Maintenance

• #715 Update eslint libs and fix various lint errors

v6.11.5

Fixes

• #675 pagination select option font color should now display correctly in dark mode

v6.11.4

Fixes

• #639 fixed an issue where Table Header, Subheader, and Pagination would disappear when scrolling horizontally in response mode

v6.11.3

Enhancements

• #662 Thanks to @Jim-IndRez RDT now has several needed fixes and improvements to Accessibility

v6.11.2

Fixes

• #665 Thanks to @julioxavierr for catching this. This fix restores generic types but as an optional param. e.g. IDataTableComponent or IDataTableComponent<...>

v6.11.1

Fixes

• #650 Fixes an incorrect row count when selecting all rows and using selectableRowDisabled
• #651 conditionalRowStyles is no longer overriden by striped CSS styles

v6.11.0

Features

• #632 you can now pass a callback with access to the row props when using conditional styling. See Conditional Row Objects for more details