Mat-table with multiTemplateDataRows is not working when this table is added in mat-tab.
- Vorherrschende Sprache
- TypeScript
- Sterne
- 25k
- Forks
- 6.8k
- Ø Merge
- 1 T. 8 Std.
- Gemergte PRs (30 T.)
- 91
Beschreibung
#### What is the expected behavior?
it should work fine with/without mat-tab
#### What is the current behavior?
Empty rows are created and displaying
#### What are the steps to reproduce?
Providing a StackBlitz reproduction is the *best* way to share your issue.
StackBlitz starter: https://goo.gl/wwnhMV
Step 1: Go to "https://stackblitz.com/edit/angular-material-expandable-table-rows?file=app%2Ftable%2Ftable.component.ts"
Step 2: Add Mat-tab module in app.module.ts "import {MatTabsModule} from '@angular/material/tabs';"
Step 3: Add the following code at the top, in table.componenet.html
"
Content 1
Content 2
Content 3
"
Step 4: Cut the rest of the code and paste it inside the tab replacing "Content 1"
Step 5: run the code.
Step 6: move to next tab and come back to first tab, the content will be displaying by default. PFA screenshots


#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
#### Is there anything else we should know?
Beitragsleitfaden
Rechercherichtung
Beginnen Sie mit der StackBlitz-Reproduktion und vergleichen Sie table.component.html und table.component.ts, bevor und nachdem die Tabelle innerhalb von mat-tab platziert wurde. Überprüfen Sie app.module.ts auf MatTabsModule und reproduzieren Sie dann die leeren Zeilen, indem Sie zwischen den Tabs wechseln. Fertig ist die Aufgabe, wenn die multiTemplateDataRows-Tabelle ihren Inhalt korrekt anzeigt, nachdem Sie den ersten Tab verlassen und zu ihm zurückgekehrt sind.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- angular, typescript
- Bereich
- frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 38/100