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

Edge - Misaligned header and data columns

4 Answers 213 Views
Grid
This is a migrated thread and some comments may be shown as answers.
AGB
Top achievements
Rank 1
Iron
AGB asked on 01 Nov 2017, 04:05 PM
Hi Guys,

I have encountered a problem under Edge whereby the grid header and data columns become misaligned after double-clicking a resize handle and then moving the mouse over the headers.

See the attached zip file which contains a mp4 video that demonstration the problem.

Unfortunately I haven't be able to replicate the issue within a dojo example but my investigations so far have revealed

- Problem only occurs under Edge ... Chrome and Firefox work fine
- The number/type of columns does not seem to be a factor as long as the total column width exceeds the grid width causing a horizontal scrollbar to be shown
- Problem occurs with or without frozen columns
- Initial column size is not a factor
- Field data is not a factor as a zero record grid also shows the same problem

Therefore I was wondering

a) Has this type of problem been encountered before and if so was there a solution
b) If you had any thoughts on what might be causing the problem
c) Any other suggestions or areas for further investigation

Regards
Alan

4 Answers, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 03 Nov 2017, 11:46 AM
Hello, Alan,

Thank you for the video and the investigations.

This is not a known issue and it was not observed in our scenarios or reported to us.

I can suggest removing the options one by one to determine at which point the issue will not be reproduced.

Also, please advise if there is some custom code which is executed on columnResize?:

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid#events-columnResize

If the issue still occurs, please provide an example or a LIVE URL if the issue cannot be isolated outside of the real application and we will gladly assist.

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
AGB
Top achievements
Rank 1
Iron
answered on 06 Nov 2017, 08:51 AM
Hi Stefan,

Thanks for looking at the issue and the suggestions.

I have tried removing grid options but there does not seem to be any rhyme or reason to the thing which triggers the problem.

As for custom code in the columnResize event ... Yes I do have some code to ensure the resized column stays in view but the issue still exists when this is remove ... So I don't think that is the root cause.

Unfortunately due to the nature of the page and the associated data it contains I cannot provide a LIVE URL at present.

Therefore I will keep chipping away at the code and if I manage to find the problem or I am able replicate things in a dojo example I will let you know.

Thanks once again
Alan
0
Stefan
Telerik team
answered on 06 Nov 2017, 12:23 PM
Hello, Alan,

I hope that the root cause of the issue is located soon.

If you need additional assistance on a later state with this issue, please let us know and we will gladly assist.

Also, if there are security concerns, we can sign an NDA agreement before looking at the project or a sample project can be sent with dummy data.

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
AGB
Top achievements
Rank 1
Iron
answered on 06 Nov 2017, 02:24 PM
Hi Stefan,

> I hope that the root cause of the issue is located soon.

Yep same here.

> If you need additional assistance on a later state with this issue, please let us know and we will gladly assist.

Thanks for offer I will keep you posted.

Regards
Alan
Tags
Grid
Asked by
AGB
Top achievements
Rank 1
Iron
Answers by
Stefan
Telerik team
AGB
Top achievements
Rank 1
Iron
Share this question
or