bug(MatTable): Nested MatTable's rows have no border if I expand last row of parent MatTable
- Lenguaje dominante
- TypeScript
- Estrellas
- 25k
- Forks
- 6.8k
- Merge medio
- 1 d 8 h
- PR fusionados (30 d)
- 91
Descripción
### Is this a regression?
- [ ] Yes, this behavior used to work in the previous version
### The previous version in which this bug was not present was
_No response_
### Description
When I have a nested MatTable set with expand feature, when I expand the last row of the parent table, all the cells in the child MatTable will have no border.

But If I am expanding any other rows except the last row, the nested MatTable is displaying fine.

I have found the reason that the styles from last row .mat-cell of the parent MatTable is being applied to all the child MatTable's .mat-cell

### Reproduction
StackBlitz link: https://stackblitz.com/edit/5djdhn?file=src%2Fexample%2Ftable-expandable-rows-example.ts
Steps to reproduce:
1. Expand the 1st row of the MatTable and check row borders
2. Expand the last row of the MatTable and checkl the absence of row borders of the rows
### Expected Behavior
Only the last row of the nested MatTable will be applied with the `border-bottom: none` styles. not all the rows
### Actual Behavior
Every row inside the last row of MatTable's child MatTable is applied with `border-bottom: none` styles.
### Environment
Angular CLI: 17.0.1
Node: 18.19.0
Package Manager: npm 10.2.3
OS: win32 x64
Angular: 17.0.3
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router
Package Version
-----------------------------------------------------------
@angular-devkit/architect 0.1700.1
@angular-devkit/build-angular 17.0.1
@angular-devkit/core 17.0.1
@angular-devkit/schematics 17.0.1
@angular/cdk 17.0.1
@angular/cli 17.0.1
@angular/material 17.0.1
@angular/material-luxon-adapter 17.0.1
@schematics/angular 17.0.1
rxjs 7.8.1
typescript 5.2.2
zone.js 0.14.2
Guía de contribución
Línea de trabajo
Comienza con el punto de entrada de StackBlitz en src/example/table-expandable-rows-example.ts y reproduce el problema expandiendo primero la primera fila y después la última. Inspecciona cómo las filas MatTable anidadas reciben el estilo del borde de la última fila de la tabla principal. Se considera terminado cuando solo la última fila de la tabla anidada tiene border-bottom: none, mientras que las demás filas secundarias conservan sus bordes.
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
- Error
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Estado de actividad
- Estancado
- Claridad
- Bastante claro
- Aptitud para principiantes
- 42/100