Skip to content

Feature Request: Native row click support #174

@Lucifer7612

Description

@Lucifer7612

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)

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

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions