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

Reordering Multiple Columns - Not honouring current column width

10 Answers 153 Views
Grid
This is a migrated thread and some comments may be shown as answers.
AGB
Top achievements
Rank 1
Iron
AGB asked on 10 May 2017, 11:26 AM
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

10 Answers, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 12 May 2017, 06:49 AM
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 (charts) and form elements.
0
AGB
Top achievements
Rank 1
Iron
answered on 12 May 2017, 07:22 AM

Thanks Stefan,

Did you also look at the CSS issue ?

Regards

Alan

 

0
Stefan
Telerik team
answered on 12 May 2017, 07:51 AM
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 (charts) and form elements.
0
AGB
Top achievements
Rank 1
Iron
answered on 12 May 2017, 08:39 AM
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

0
Stefan
Telerik team
answered on 16 May 2017, 05:43 AM
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 (charts) and form elements.
0
AGB
Top achievements
Rank 1
Iron
answered on 27 Jun 2017, 07:35 AM
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
0
Stefan
Telerik team
answered on 28 Jun 2017, 10:12 AM
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 (charts) and form elements.
0
AGB
Top achievements
Rank 1
Iron
answered on 29 Jun 2017, 06:57 AM
Hi Stefan,

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

Regards
Alan
0
Priyank
Top achievements
Rank 1
Veteran
answered on 08 Jan 2021, 05:30 AM

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.

0
Petar
Telerik team
answered on 11 Jan 2021, 12:29 PM

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/.

Tags
Grid
Asked by
AGB
Top achievements
Rank 1
Iron
Answers by
Stefan
Telerik team
AGB
Top achievements
Rank 1
Iron
Priyank
Top achievements
Rank 1
Veteran
Petar
Telerik team
Share this question
or