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

grid locked header height issue

7 Answers 292 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Biren
Top achievements
Rank 1
Biren asked on 06 Jun 2017, 03:37 AM
Hello,

I implemented kendo grid in one of project and i am facing one below please provide me some feedback how can I fixed it.

While I set unlocked column content and if it will wrap in second line then locked column height didn't increase. I need to display header in multiline instead of one line so also override the css.


I am also attached screenshot for same. After I resize any column or do any action then it will adjust.

Thanks,
Biren Modi
Lee
Top achievements
Rank 2
Bronze
Bronze
Bronze
commented on 28 Jan 2022, 09:26 PM

Has a solution for this ever been found? I tried .refresh() and .dataSource.read() but the header height on the locked table doesn't match the header height on the unlocked table until I resize the browser window. This happens when the table is initially hidden and later displayed.
Nikolay
Telerik team
commented on 01 Feb 2022, 08:54 AM

Hi Lee,

This issue was reproducible in an environment set up with Jquery 3.3.1 which, however, has been fixed:

https://github.com/telerik/kendo-ui-core/issues/4504

Can you please check your setup and share more details?

 

7 Answers, 1 is accepted

Sort by
0
Preslav
Telerik team
answered on 07 Jun 2017, 04:20 PM
Hello Biren,

As you have submitted a support ticket on the same topic, it would be better to get the details and investigate the issue through the ticket.

Once we get to the bottom of this. I'll update this thread with more information for the community in case anyone else encounters the same.

Regards,
Preslav
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Dan
Top achievements
Rank 1
answered on 08 May 2018, 07:21 PM

Preslav, We are having the same issue. Can you please post the solution here?

0
Preslav
Telerik team
answered on 09 May 2018, 02:48 PM
Hi Dan,

I checked the ticket that Biren submitted and it was not updated, and thus, automatically closed by our ticketing system due to inactivity.

Having said that, could you please elaborate on the issue that you are experiencing, and I will provide suggestions to the best of my knowledge.

I look forward to your reply.


Regards,
Preslav
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
Dan
Top achievements
Rank 1
answered on 10 May 2018, 06:22 PM
We are having the same exact issue as Biren. We have two locked columns for which the headers are short and span over only one single line. But other columns in the grid have long headers and span across 3 lines. The problem here is the Locked column headers does not take up the entire height that is available. You can refer to the screenshot attached by Biren.
0
Preslav
Telerik team
answered on 14 May 2018, 12:39 PM
Hello Dan,

I created a test page, and it seems that the headers look okay on my side: Having said that, could you please check and modify the above Dojo so it clearly replicates the issue? After that, share the modified version with your next post. This will help me better understand the case, and I will be able to provide assistance to the best of my knowledge.

I look forward to hearing from you.


Regards,
Preslav
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
Hugh
Top achievements
Rank 1
answered on 22 Oct 2018, 04:00 AM
This issue is reproducible if you use kendo 2018.3.1017 with Jquery 3.3.1. 
0
Preslav
Telerik team
answered on 23 Oct 2018, 12:29 PM
Hello Hugh,

The issue with the jQuery 3.3.1 version is logged as a bug, and you could follow its status here:
In the issue, you could also check the workaround.


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
Biren
Top achievements
Rank 1
Answers by
Preslav
Telerik team
Dan
Top achievements
Rank 1
Hugh
Top achievements
Rank 1
Share this question
or