angular / angular/components

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

Abierto
#24,092 3 comentarios 2 reacciones 0 asignados Ver en GitHub
area: cdk/table feature P3
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

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

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Empieza leyendo el código de generación de clases enlazado en `src/cdk/table/cell.ts` y el caso de uso del issue. El resultado solicitado es una opción, posiblemente global, para personalizar las clases CSS de columna generadas; el issue no especifica su API ni sus tests.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
angular, typescript
Área
frontend
Tipo de issue
Nueva funcionalidad
Dificultad
5/5
Tiempo estimado
Más de una semana
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
35/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.