Make whole row clickable

[kyusungpark]

Hi, I would like to add a behavior to rows where users would be navigated to a different page when they click anywhere on the role (except one where I have a dropdown component). How would I implement such behavior?

[KevinVandy]

Ad an onClick

[kyusungpark]

Is there like a easy to do it just like how we create columns instead of adding it on the tableRow?

[KevinVandy]

Making rows clickable is as easy as adding an onClick handler to them. Use proper event stopPropogation() in any cell onClicks to not accidentally pick up extra row clicks.

Guess I don't know what you're having trouble with?

[kyusungpark]

Okay, thank you, I was wondering if there is another way like when we create columns maybe something special for the whole row, but I guess no.

{  accessorKey: key,
  enableSorting: isSortable,
  header: ({ column }) => (isSortable ? <SortableHeader label={label} column={column} /> : label),
  cell: ({ row }) => <DateCell date={row.original[key] as string} />, }

Thank you for the help!