Reordering Multiple Columns - Not honouring current column width

9 posts, 0 answers
  1. AGB
    AGB avatar
    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
  2.
  3. Stefan
    Admin
    Stefan avatar
    2919 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.
  5. AGB
    AGB avatar
    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

     

  7. Stefan
    Admin
    Stefan avatar
    2919 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.
  8.
  9. AGB
    AGB avatar
    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

  11. Stefan
    Admin
    Stefan avatar
    2919 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.
  13. AGB
    AGB avatar
    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
  14.
  15. Stefan
    Admin
    Stefan avatar
    2919 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.
  17. AGB
    AGB avatar
    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
Back to Top