how to render grid inside tab with specific height

[Dave Nixon]

In documentation 

How to Render DataGrid inside the Tab with specific height in Blazor DataGrid component - Syncfusion

To overcome this behavior we suggest you to render Tab element inside a specific container and define the HeightAdjustMode of tab as Fill. Now the DataGrid inside the Tab element will occupy the specific height.

Looking for HeightAdjustMode in documentation shows that it was removed in 17.4.39.  I have a grid in a tab and the tab doesn't expand when the grid grows so components outside tab are being overlapped.

[Renjith Singh Rajendran]

Hi Dave, 

Greetings from Syncfusion support. 

Sorry for the inconvenience caused. This property has been removed in our latest versions. We have logged a documentation improvement task to change this documentation content and we will be refresh the changes online. 

By default Grid will be responsive based on parent container. So based on your scenario, we suggest you to apply style for Grid’s parent container. Please refer the codes below, 

    <SfTab ID="Ej2Tab" Width="100%"> 

        <TabItems> 

            <TabItem> 

                <ChildContent> 

                    <TabHeader Text="Grid 1"></TabHeader> 

                </ChildContent> 

                <ContentTemplate> 

                    <div style="height:500px"> 

                        <SfGrid DataSource="@Orders" Height="100%" Width="100%"> 

                            ... 

                        </SfGrid> 

                    </div> 

                </ContentTemplate> 

            </TabItem> 

            <TabItem> 

                <ChildContent> 

                    <TabHeader Text="Grid 2"></TabHeader> 

                </ChildContent> 

                <ContentTemplate> 

                    <div style="height:500px"> 

                        <SfGrid DataSource="@Employees" Height="100%" Width="100%"> 

                            ... 

                        </SfGrid> 

                    </div> 

                </ContentTemplate> 

            </TabItem> 

        </TabItems> 

    </SfTab> 

https://blazor.syncfusion.com/documentation/datagrid/scrolling/#responsive-with-parent-container 

Please get back to us if you need further assistance. 

Regards, 

Renjith Singh Rajendran