We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Grid in tab with vertical orientation


When I embed a grid in a tab control with vertical orientation, the grid display is not correct. The liens take 100% of the height of the grid. The reason seems to be the presence of "display: flex" in ".e-tab.e-vertical-tab .e-content". Unfortunately I can't remove this effect. Do you have a solution ?


Attachment: BlazorAppTabVerticalAndGrid_625578df.zip

1 Reply

NP Naveen Palanivel Syncfusion Team February 6, 2023 07:59 PM UTC

Hi Frederic ,

We validate the reported query, you faced issue in the grid row height in second tab. To overcome the issue to use below CSS style. Please refer the code snippet for your reference.



    .e-tab.e-vertical-tab .e-content{

        display: table ;



Please let us know if you have any concerns.


Naveen Palanivel

Live Chat Icon For mobile
Up arrow icon