-
-
Notifications
You must be signed in to change notification settings - Fork 50
Open
Description
There's currently no way to make table rows clickable without adding onClick handlers to every individual cell's renderCell function.
Current workaround:
{
label: "Name",
renderCell: (item) => (
<div onClick={() => handleRowClick(item)}>
{item.name}
</div>
)
}
Problems with this approach:
Wrapping cell content in
breaks the library's built-in text truncation and ellipsis styling
Requires repetitive code across all columns
Not performant (multiple event listeners per row)
Requires repetitive code across all columns
Not performant (multiple event listeners per row)
Expected behavior:
The library should provide a native way to handle row clicks, similar to how other table libraries handle this common use case (opening detail views, navigation, expandable rows, etc.).
Currently, clickable rows are a standard feature in most table implementations, and having to wrap every cell breaks the library's core styling features.
Metadata
Metadata
Assignees
Labels
No labels