I have a tab strip where the content of each tab contains a grid. When a user performs an action I need to refresh the grid on the selected tab as well as the grids in the tabs that are not selected. The problem that I have is that the grid in one of the tabs has columns that are frozen. When this tab is not selected and the grid is refreshed, the locked columns do not get displayed. All of the other grids in the tabs that are not selected get displayed correctly.

 

Link to dojo: https://dojo.telerik.com/@jedvalson/asexEDOv with instructions to reproduce the issue

Hello Josh,

The reason for this behavior comes from the fact that the Grid is inside a hidden container. More information about this is available here:

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

Also, you could check this how-to article:

• https://docs.telerik.com/kendo-ui/controls/navigation/tabstrip/how-to/initiliaze-grid-in-tabstrip

However, in this case, the grid is already initialized. Thus, I would suggest the usage of the refresh method:

• https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/methods/refresh

For example, check the modified Dojo:

• https://dojo.telerik.com/IyuGoriP

I hope this is useful.


Regards,
Preslav
Progress Telerik

Hello Preslav,

Thank you for looking into this issue. I was aware that there were some eccentricities when loading kendo controls in hidden containers. However, my grid is initialized in a hidden container and it displays fine. I would expect it to work the same when I called the read method a second time. 

The work around that I came up with is identical to the example in the Dojo that you provided with the exception that I used the Show event of the TabStrip. I was hoping for a solution that didn't require hooking into a TabStrip event, but if this is what you would suggest I will keep it.

Thanks,

Josh

 

Hi Josh,

This is necessary in order for the Grid to adjust its layout correctly. Using the show event should also work as it is raised when the tab is made visible. The difference with activate is that show is invoked before the animation has finished.


Regards,
Viktor Tachev
Progress Telerik