Tabs 如何展开“角度材质”选项卡以显示角度栅格数据？

我使用的是Angular 8，希望以以下方式在“Angular Material”选项卡中显示角度栅格：-

<mat-tab-group>
        <mat-tab label="Request Flow">
            <div class="div-main">
                <ag-grid-angular class="ag-theme-balham grid-dimensions" [pagination]="true"
                    [gridOptions]="reqDetailGridOptions" [rowData]="reqDetailRowData" [columnDefs]="reqDetailColDef"
                    [getRowHeight]="getRowHeight" [paginationPageSize]=50 (gridReady)="onGridReady($event)">
                </ag-grid-angular>
                <br />                
                <button class="button-internal">Add Subrequest</button>
            </div>
        </mat-tab>
    </mat-tab-group>

问题是，即使数据存在于角度栅格中，但“角度材质”选项卡也不会展开以使角度栅格可见。它显示如下：-

但是，当我将“角度栅格”放置在“角度材质”选项卡之外时，栅格将显示其全部数据

我尝试使用mat tab组的DynamicRight属性，但没有任何用处

---

请在此提供帮助。

以下步骤对我很有用：-

将[DynamicLight]=真添加到mat选项卡组。 添加了以下CSS：-

.mat选项卡组{ 身高：100%； } .mat tab车身包装{ 柔性生长：1； }

.mat选项卡主体{ 显示：flex！重要； 弯曲方向：立柱； }

---

以下步骤对我有效：-

将[DynamicLight]=真添加到mat选项卡组。 添加了以下CSS：-

.mat选项卡组{ 身高：100%； } .mat tab车身包装{ 柔性生长：1； }

.mat选项卡主体{ 显示：flex！重要； 弯曲方向：立柱； }

这对我很有用：

::ng-deep.mat-tab-body-wrapper { 
    flex-grow: 1; 
}

您必须使用：：ng deep覆盖mat选项卡车身包装样式这对我很有效：

::ng-deep.mat-tab-body-wrapper { 
    flex-grow: 1; 
}

---

您必须用：：ng deep覆盖mat tab body wrapper样式

是否尝试将类div main position指定为相对？或者在上面设置一个width属性。如果共享一个MVCE StackBlitz，则更容易提供帮助。您是否尝试将类div main position指定为相对位置？或者在上面设置一个width属性。如果共享一个MVCE stackblitzI，则更容易提供帮助。Blitzi必须使用这些语句中的所有4条，但使用@Houssem Melliti表示的：：ng deep。我必须使用这些语句中的所有4条，但使用@Houssem Melliti表示的：：ng deep。