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

Locked Columns, Column Groups, and Bootstrap Tabs

5 Answers 157 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Richard
Top achievements
Rank 1
Richard asked on 03 Dec 2015, 04:46 PM

I'm seeing an issue with the styling of locked column headers inside tabbed grids.  If the unlocked columns are part of groupings, and the locked column isn't, when I change tabs the locked column header loses the correct height.  I've mocked up a simple example demonstrating the problem.

http://dojo.telerik.com/OMiSa

 

Thanks

5 Answers, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 07 Dec 2015, 02:18 PM
Hi Richard,

It appears there is an issue in the current version of Kendo UI Grid - I forwarded it to the developers for further investigation and fixing. Please excuse us for any inconvenience this may cause.

Regards,
Iliana Nikolova
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Richard
Top achievements
Rank 1
answered on 07 Dec 2015, 08:16 PM
Thanks for the reply.  I'll let our team know as well
0
Iliana Dyankova
Telerik team
answered on 08 Dec 2015, 02:20 PM
Hi Richard,

I am glad to inform you that the issue has been addressed - a fix will be included in our next internal build.

Regards,
Iliana Nikolova
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Richard
Top achievements
Rank 1
answered on 03 Feb 2016, 10:35 PM
I notice this still seems to be broken in 2016 Q1, so I'm guessing it will possibly be in the Q2 release?
0
Accepted
Iliana Dyankova
Telerik team
answered on 08 Feb 2016, 08:50 AM
Hi Richard,

The multi-column header height issue has been addressed - a fix is available in the latest internal build (which you could download from your account). Keep in mind that you should call the resize method when the second tab is selected: 
$('a[data-toggle="tab"]').on('shown.bs.tab', function(e) {
   var tabPaneId = $(e.target).attr('href');
   var $tabPane = $(tabPaneId);
 
   $tabPane.data('kendoGrid').refresh();
   $tabPane.data('kendoGrid').resize();
});


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