2023-10-04
- adds the ability to freeze columns by adding the
frozen
property
2023-10-02
- uses a wrapper library to handle observing the table container for width/height changes
- initial flicker for variable-row-size tables should be mitigated
- more typescript specifications
2023-09-30
- added ability to specify the
footerHeight
- removed some typescript warnings
- slight performance tweaks
2023-09-28
- added a
footer
prop to eachcolumn
object in thecolumns
array. allows the user to create footer cell columns. footerComponent
will still provide a more customizable footer experience- hopefully fix issues with the auto-calculation of tables when
minTableHeight
and/ormaxTableHeight
is used. - slimmed down some of the opinionated CSS, giving the user more control over header and body styles
2023-09-28
- added
minTableHeight
andmaxTableHeight
- added footer styling with
footerStyle
andfooterClassname
- expose column widths to
footerComponent
to help expose widths
2023-09-27
- Added the ability to provide a footer using the
footerComponent
property - If
footerComponent
is defined, can also provide astickyFooter
prop to make the footer sticky. - Since the last deploy, upgraded all the dependencies to fix Dependabot alerts
- Can provide classNames to several different properties to make it more Tailwind friendly
- The example site is powered by Vite as opposed to create-react-app
- The example site is now in Typescript
2020-09-07
- Moved the
RowContainer
to its own component. This should resolve the issue of the table cell re-rendering on resize.
2020-09-06
- Added the ability to pass in a
ref
to the component in order to access thescrollTo
andscrollToItem
functions.
2020-05-05
A few changes were made in order to support increased customization, with more to come in future releases.
- The
cell
property in the columns array has been changed.cell
now renders the entire cell, as opposed to just the contents inside of the cell. This is now an advanced feature. cell
now expects a component that takes in thestyle
prop as well.style
will contain the correct widths of the cell.
{
key: 'id',
header: 'ID',
cell: ({ row, style }) => (
<div style={style}>
{row.id}
</div>
)
}
- Added the
content
property. This property functions exactly howcell
used to function in previous releases.content
renders a custom component inside of the default cell.
{
key: 'id',
header: 'ID',
content: ({ row }) => row.id
}
- For simplicity, added an
onRowClick
property that takes an event and the index of the row that was clicked.
type onRowClick = (e: Event, { index }: { index: number }) => void;
- Added a
rowRenderer
, which also takes astyle
prop. This is useful if you want to customize the wrapper around the cells in a row.
2020-04-26
- added the props
rowStyle
,tableStyle
, andheaderStyle
to allow for more customization options. Since the Table component does take aclassName
, you can still do things using libraries such asstyled-components
if you prefer.
2020-04-19
- less
setState
calls when updating the default size.
2020-04-19
estimatedRowHeight
is no longer in use. For tables with no specifiedrowHeight
, the median of the rendered row heights is used as a default if the row had not been rendered before.
- Uses memoization in more places.
- reduces row flicker issue when resizing.