[Table] Add directive for clickable mat-row
- Lingua principale
- TypeScript
- Stelle
- 25k
- Fork
- 6.8k
- Merge medio
- 1g 8h
- PR unite (30g)
- 91
Descrizione
#### 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?
Guida per i contributori
Apri la guida per i contributori
Direzione di ricerca
Start by comparing the existing list navigation behavior with mat-row and mat-table, using the linked Plunker to reproduce the current interaction. Identify the relevant Angular Material component entry points and tests, then verify that an explicitly applied directive provides row highlighting, a click ripple, and a pointer cursor without changing ordinary rows.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- angular, typescript
- Ambito
- frontend
- Tipo di issue
- Funzionalità
- Difficoltà
- 4/5
- Tempo stimato
- 3-5 giorni
- Stato di attività
- Ferma
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 25/100