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

Kendo Grid - locked columns resizing issue

3 Answers 1099 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Michael
Top achievements
Rank 1
Michael asked on 30 Jan 2018, 07:39 AM

I have a kendo grid and it has 18 columns including 3 locked. I have a sidebar in my application and wants to resize the grid when the side bar open/close. Grid not resizing when the sidebar open/close and cause mess. I guess it's happening because of fixed column width and locked columns. Please help to solve this.

3 Answers, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 31 Jan 2018, 11:38 AM
Hello, Michael,

In this scenario, I can suggest on the event where the sidebar is expanded to call the refresh method of the Grid(probably inside a timeout function):

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

Also, ensure that the Grid is not inside an additional container which can be causing the misalignment.

If the issue still occurs, please provide an example reproducing the issue, so we can investigate the exact reason for the issue, as it may be caused by a code which we are overlooking at this moment.

Regards,
Stefan
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Michael
Top achievements
Rank 1
answered on 15 Feb 2018, 08:34 AM

Hello,

I have attached my example, please review the sample and help me to fix this.

Thanks in advance.

0
Stefan
Telerik team
answered on 19 Feb 2018, 07:02 AM
Hello, Michael,

Thank you for the example demonstrating the scenario.

In this case, the Grid container width should be changed and then the Grid should be refresh in order to recalculate its dimensions based on the new container width.

I modified the example demonstrating this:

https://dojo.telerik.com/apEBOl

I hope this is helpful.

Regards,
Stefan
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Grid
Asked by
Michael
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Michael
Top achievements
Rank 1
Share this question
or