angular / angular/components

[Table] Add directive for clickable mat-row

未关闭
#8,027 8 条评论 20 个 reaction 已指派 0 人 在 GitHub 查看
area: material/table feature needs: discussion P4
主要语言
TypeScript
星标
25k
派生
6.8k
平均合并
1 天 8 小时
30 天内合并 PR
91

描述

#### 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?

贡献指南

打开贡献指南

调研方向

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.

由索引模型根据 Issue 内容生成。

评估

技术栈
angular, typescript
领域
frontend
Issue 类型
功能
难度
4/5
预计耗时
3-5 天
活跃度
停滞
描述清晰度
基本清楚
新手友好度
25/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。