Reordering Multiple Columns - Not honouring current column width in Kendo UI for jQuery Grid

AGB

71 posts

Member since:
Sep 2014

Posted 10 May 2017 Link to this post

Hi Guys,

Have just tripped over the following issue whereby ordering multiple columns via the 'reorderColumn' method is not honouring the width of the moved column when hidden columns are involved.

To illustrate the issue please run the following dojo

http://dojo.telerik.com/iQUNo

- If you hit the Reorder button the columns are reordered keeping their original column width.

- Now edit the dojo and set the ShippedDate field's hidden attribute to true and rerun.

- If you now hit the Reorder button the columns are reordered but you will notice the column widths do not match their original size.

i.e. The ShipCity column width now appears to be 50 instead of 200.

NOTE: If you inspect the underlying grid.columns object the column widths are correct.

As an aside the above dojo also highlights a CSS issue whereby the page number is being incorrectly positioned.

Regards
Alan

Stefan

Admin

3067 posts

Posted 12 May 2017 Link to this post

Hello Alan,

Thank you for reporting this.

I can confirm that this is an issue with the current version of Kendo UI Grid.

I created an issue in our GitHub repository and forwarded it to our developers for fixing. You can track its progress at:

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

Additionally, I updated your Telerik points for bringing this to our attention.

Regards,
Stefan
Telerik by Progress

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.

AGB

71 posts

Member since:
Sep 2014

Posted 12 May 2017 in reply to Stefan Link to this post

Thanks Stefan,

Did you also look at the CSS issue ?

Regards

Alan

Stefan

Admin

3067 posts

Posted 12 May 2017 Link to this post

Hello Alan,

I did apologise for not sharing the information.

The issue occurs, because there were styles from two Kendo UI themes loaded at the same time:

// this is addtional styles file, which is not needed

<

link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.2.504/styles/kendo.default-v2.min.css"

/>

When I left only the relevant files, the issue was not observable:

http://dojo.telerik.com/iQUNo/6

Regards,
Stefan
Telerik by Progress

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.

AGB

71 posts

Member since:
Sep 2014

Posted 12 May 2017 in reply to Stefan Link to this post

Hi Stefan

Thanks for the update I'll keep a close eye on the duplicate styles in feature but this my have highlighted a little feature within dojo creation/editing.

Replicating how this issue came about can be achieved with the following steps:

- Navigate to the grid demo

http://demos.telerik.com/kendo-ui/grid/column-reordering

- Hit the 'Edit this example' button

- Choose the latest library version

This will add/update the latest css and script bundle but does not handle the duplication.

As I say more of a feature than a bug but perhaps a warning message might be appropriate to warn the user to check the <head> block after updating the libraries.

Regards
Alan

Stefan

Admin

3067 posts

Posted 16 May 2017 Link to this post

Hello Alan,

Thank you for the clarification.

I was able to observe this behaviour and forwarded it to the team which is responsible for the Dojo tool.

As for the error message, it is adding additional CSS files and as they can be many other custom CSS files, it is hard to determine which CSS have to show an error and which does not.

Regards,
Stefan
Telerik by Progress

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.

AGB

71 posts

Member since:
Sep 2014

Posted 27 Jun 2017 in reply to Stefan Link to this post

Hi Guys,

Just checking in to see if there has been any internal progress with this fault, because the public facing Git Hub repository issue has not been updated since it was created on 12th May.

Any indication of the faults current status would be much appreciated so I can plan our next release.

Thanks
Alan

Stefan

Admin

3067 posts

Posted 28 Jun 2017 Link to this post

Hello Alan,

For now, the issue is only logged in our To-Do list and it will be scheduled based on the current tasks and the workflow.

Once there are changes in its status, they will be immediately shown on the issue.

Regards,
Stefan
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.

AGB

71 posts

Member since:
Sep 2014

Posted 29 Jun 2017 in reply to Stefan Link to this post

Hi Stefan,

Thanks for the update, now that I know the current status I can plan accordingly.

Regards
Alan

Priyank

5 posts

Member since:
May 2018

Posted 07 Jan Link to this post

Hello Admin,

The above reorder related issue is fixed then can you provide me the link of solution or any other stuff related this issue.

Thanks.

Petar

Admin

504 posts

Posted 11 Jan Link to this post

Hello Priyank,

I've already answered your question in this forum thread: https://www.telerik.com/forums/lock-column-issue#Q2zND3z2XEmY6YsKgj0s_g.

If you have additional questions related to my reply, let's continue the communication in the linked thread.

Regards,
Petar
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.