angular / angular/components

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

Offen
#24,092 3 Kommentare 2 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: cdk/table feature P3
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne damit, den in `src/cdk/table/cell.ts` verlinkten Code zur Klassengenerierung und den Anwendungsfall des Issues zu lesen. Das gewünschte Ergebnis ist eine Option, möglicherweise global, um generierte CSS-Klassen für Spalten anzupassen; das Issue spezifiziert weder seine API noch Tests.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Feature
Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.