2024-12-09
- Force the sticky header to be the size of the rendered header
- Make sure footer width is 0 when not present
2024-12-04
- if the header resizes, the list should re-render
2024-06-19
- (Docs) updated types
2024-06-17
headerHeight
is now passed down appropriately- less opinionated header styles
2024-06-74
- BREAKING:
clearSizeCache
signature has changed. The second argument is now an optional object that takes aforceUpdate
boolean and atimeout
. Both are optional. - For columns, added
headerCellClassname
andcontentCellClassname
- when
headerHeight
is set, the header's height will actually be that height - DOCS: removed
styled-components
andsemantic
2024-06-14
arrayMatch
is now null-safe
2024-06-14
- Whenever
columns
changes, thepixelWidths
are re-calculated
2024-06-13
- Update
onRowClick
signature to include the event in one argument
2024-06-13
- BREAKING: decouples the CSS. Now, at the top of your file, add this:
import "react-fluid-table/dist/index.css";
2024-06-13
- adds
row
andindex
as properties when usingexpander
- adds
onExpandRow
to allow row expansion to be controlled - adds ability to calculate
expanded
by using a function
2024-05-30
- adds
rowContainerStyle
androwContainerClassname
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.