This is a migrated thread and some comments may be shown as answers.

Grid vertical scroll bar not displaying for hidden grids

1 Answer 126 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Sam
Top achievements
Rank 1
Sam asked on 02 May 2019, 06:29 PM

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.

1 Answer, 1 is accepted

Sort by
0
Preslav
Telerik team
answered on 06 May 2019, 08:19 AM
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:
Having said that, to resolve the issue, execute the resize method of the Grid after the widget becomes visible.
Please, give the above a try, and let me know if it works for you.


Regards,
Preslav
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Grid
Asked by
Sam
Top achievements
Rank 1
Answers by
Preslav
Telerik team
Share this question
or