Skip to content

Table events

PropertyTypeDefault valueDescription
collapseAllHandleRefReact.MutableRefObject<() => void>undefinedref handle to collapse all expanded accordion rows. Send in a ref and use .current() to collapse all rows.

Table Row <Tr> events

Table Row <Tr> events are a part of the mode feature and needs to be enabled with the mode property on the main Table.

Table with navigation mode(mode="navigation") only supports the <Tr> event onClick.

Table with accordion mode(mode="accordion") supports all the <Tr> events listed below.

PropertyTypeDefault valueDescription
onClick(event) => voidundefinedWill emit when user clicks/expands or on keydown space/enter(in mode="accordion" and mode="navigation") in the table row. Returns a native click.
onOpened({ target }) => voidundefinedWill emit when table row is expanded. Returns an object with the table row as the target: { target }.
onClosed({ target }) => voidundefinedWill emit when table row is closed (after it was open). Returns an object with the table row as the target: { target }.