[Table] Add directive for clickable mat-row

Bug, feature request, or proposal:

It would be great if mat-row (part of mat-table) supported the navigation list feature that can currently be found in lists. I.e., hover on a row highlighted the row, and click on a row added a ripple. The cursor should change to pointer.

This would be great for tables that are intended to have only one main action.

What is the expected behavior?

If mat-row has a special directive applied, say, nav-row, then hover on a row highlights the row, and click on a row adds a ripple. Also, the cursor should change to pointer.

What is the current behavior?

No highlights or ripples. The cursor is default.

What are the steps to reproduce?

http://plnkr.co/edit/A70Yw5fBc7HLrbDIlivl?p=preview

What is the use-case or motivation for changing an existing behavior?

It would be great for use cases when the user needs to select (by clicking) a single row in a mat-table

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular 4.4.4 Material 2.0.0-beta.11

Is there anything else we should know?

[ndunks]

Angular material table with ripple effect, check here: https://stackblitz.com/edit/angular-zjjtui?file=app%2Ftable-basic-example.html

[jelbourn]

It’s not something that would be built into the row, but possibly a separate direction like matActionRow. The a11y story would need some thought first.