angular / angular/components

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

Ouverte
#24,092 3 commentaires 2 réactions 0 personnes assignées Voir sur GitHub
area: cdk/table feature P3
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

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

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par lire le code de génération des classes lié dans `src/cdk/table/cell.ts` ainsi que le cas d’utilisation de l’issue. Le résultat demandé est une option, éventuellement globale, permettant de personnaliser les classes CSS de colonne générées ; l’issue ne spécifie ni son API ni ses tests.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
frontend
Type d'issue
Fonctionnalité
Difficulté
5/5
Temps estimé
Plus d'une semaine
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.