angular / angular/components

feat(table): add ability to customize the CSS class generation for columns

オープン
#24,092 コメント 3 件 リアクション 2 件 担当者 0 名 GitHub で見る
area: cdk/table feature P3
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 8時間
マージ済み PR(30日)
91

説明

### Feature Description

Currently, if we have column say, `bankAccount`, the generated class name would be `cdk-column-bankAccount`/`mat-column-bankAccount`, but then when I use this kind of selector in my scss, I get some lint warnings, as we're supposed to use kebab-case, not camelCase... so we have to keep silencing the warnings everytime we have to do this. What we want to propose is to have an option to customize this css class generation (if possibly, globally).

### Use Case

We want to control my table styles without relying on camelCased selectors.

So, instead of this:

https://github.com/angular/components/blob/59002e1649123922df3532f4be78c485a73c5bc1/src/cdk/table/cell.ts#L144

We'd love to have an option to implement my own css class generator.

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

まず、`src/cdk/table/cell.ts` にリンクされているクラス生成コードと、issue のユースケースを読んでください。求められている結果は、生成される列の CSS クラスをカスタマイズするための、場合によってはグローバルなオプションです。issue では、その API やテストは指定されていません。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, typescript
領域
frontend
issue の種類
機能追加
難易度
5/5
見積もり時間
1週間以上
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
35/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。