Mat-table with multiTemplateDataRows is not working when this table is added in mat-tab.
- 主要言語
- TypeScript
- スター
- 25k
- フォーク
- 6.8k
- 平均マージ
- 1日 8時間
- マージ済み PR(30日)
- 91
説明
#### 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?
コントリビューションガイド
調査の方向性
StackBlitz の再現から始め、テーブルを mat-tab 内に配置する前後で table.component.html と table.component.ts を比較します。app.module.ts で MatTabsModule を確認してから、タブを切り替えて空の行を再現します。最初のタブを離れて戻った後も multiTemplateDataRows テーブルが内容を正しく表示すれば完了です。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- angular, typescript
- 領域
- frontend
- issue の種類
- バグ
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 活発さ
- 停滞
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 38/100