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

Kendo UI Tabstrip + Grid (with freeze) rendering problem

3 Answers 361 Views
Telerik Trainer
This is a migrated thread and some comments may be shown as answers.
junever
Top achievements
Rank 1
junever asked on 22 Sep 2015, 12:52 AM

 Hi All,

    I'm having problems on kendo grid missing columns.

Scenario: I'm using a tabstrip, with 2 tabs. 1st has a kendo grid with frozen columns. 2nd tab has not. At 2nd tab I'm triggering this function $("#Gridname").data("kendoGrid").dataSource.read() for at least twice (as my code needs to refresh the grid). When I return to 1st tab the frozen columns are missing.. I have checked the data using firebug and the data is complete but the grid columns is incomplete.. How to solve this issue? Thanks in advance.

3 Answers, 1 is accepted

Sort by
0
Rosen
Telerik team
answered on 25 Sep 2015, 07:14 AM

Hello junever,

The issue, most probably, is due to the fact that the Grid widget is not visible, thus it cannot adjust its layout correctly. You will need to manually refresh it when it is displayed. This can be achieved using the tabstrip activate event in which to call resize method of the Grid. Similar to the following

function onActivate (e) {       
    $(e.contentElement).find("[data-role=grid]").kendoGrid("resize");       
};

Regards,
Rosen
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
junever
Top achievements
Rank 1
answered on 28 Sep 2015, 12:37 AM

Thanks for your reply Rosen, but the issue is still not fixed. I tried to use your fixed on activate event but the columns are still missing.

example.

I have 3 columns.

col1 | col2 | col3 (col 1 is set to frozen)

 then I went to tabstrip 2, I refreshed the grid from tabstrip 1 (using $("#Gridname").data("kendoGrid").dataSource.read() ) to update the grid. then returned to tabstrip 1 and the col1 is missing. It is the same on my other grid at frozen columns.

 

Thanks.

0
Rosen
Telerik team
answered on 29 Sep 2015, 06:26 AM

Hello junever,

 

I will leave this forum thread open for someone from the community to be able to get involved. In case you need technical support assistance from Telerik staff, please purchase a commercial license.

 

Regards,
Rosen
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Telerik Trainer
Asked by
junever
Top achievements
Rank 1
Answers by
Rosen
Telerik team
junever
Top achievements
Rank 1
Share this question
or