Grid vertical scroll bar not displaying for hidden grids

[Sam]

I have a view that has several tabs.  Each tab has a Telerik MVC grid on it.  The grid on the first tab displays a scroll bar as it should, but the grids on the other tabs do not display the scroll bar unless I reload the grid when visible or click on "Cancel Changes" or "Clear Filters".   I have tried the $("#MyGrid").getKendoGrid()._rowHeight = null; suggestion, but it did not work and I do not want to reload the grid each time the user navigates to the tab or to grammatically click the Cancel Changes or Clear Filters buttons as those are hacky solutions.

The grids use scrollable.Virtual(true) and scrollable.Height("auto").  

Is there something I can call in my javascript when the tab is selected and the grid is visible to cause the scroll bars to appear other then what I have previously mentioned?

Thanks.

[Preslav]

Hi Sam,

Based on the provided description, I believe the cause of this problem comes from the fact that the Grids are initialized in hidden containers. More information about this is available here:

• https://docs.telerik.com/kendo-ui/controls/data-management/grid/appearance/hidden-containers

Having said that, to resolve the issue, execute the resize method of the Grid after the widget becomes visible.

• https://docs.telerik.com/kendo-ui/styles-and-layout/using-kendo-in-responsive-web-pages#apply-resize-method

Please, give the above a try, and let me know if it works for you.


Regards,
Preslav
Progress Telerik