[Feature Request]: Change TableRow's cursor to pointer when an onClick attribute is added

[adamalston]

The problem

A clickable row in a table would be easier to discern if it's cursor style property was changed to pointer.

The solution

Change TableRows cursor to pointer when an onClick attribute is added.

The workaround in the UIs I'm working on is to create a TableRow styled component with cursor set to pointer and use it in place of TableRow when the row is clickable.

const ClickableRow = styled(TableRow)`
  cursor: pointer;
`;

Examples

https://stackblitz.com/edit/github-t8xdvo?file=src%2FApp.tsx shows the problem. When hovering over a row, the cursor is set to default.

Application/PAL

DataPower

Business priority

None

Available extra resources

No response

Code of Conduct

• I agree to follow this project's Code of Conduct

[github-actions]

Thank you for submitting a feature request. Your proposal is open and will soon be triaged by the Carbon team.

If your proposal is accepted and the Carbon team has bandwidth they will take on the issue, or else request you or other volunteers from the community to work on this issue.