Premium support for our pure JavaScript UI components


Post by hpadin »

Hi Team,

We have found some weird behavior trying to reorder columns with children.
We have observed that this is only happening when the locked region columns have children.

We have attached codepen workspace where we could reproduce it with the latest Bryntum grid version (5.6.6). Also, we have attached a video where you can see the issues and more details.

import * as Module from 'https://bryntum.com/products/grid/build/grid.module.js';
Object.assign(window, Module);
// The code above imports module bundle and places all Bryntum classes on window to simplify coding at CodePen

const grid = new Grid({
    appendTo : document.body,

height : 513,

features : {
    regionResize : true
},

columns : [
    { text : 'Year', locked : true, width: 300 , children: [
      { text : 'Period', width: 300, children: [
       { text : 'Account', field : 'account', width : 120},
        { text : 'Company', field : 'company', width : 120}
      ]}
    ]},
    { text : '2019', children: [
      { text : '001', children: [
        { text : 'Sum of HomeValue', field : '2019:001:Sum'},
        { text : 'Count of HomeValue', field : '2019:001:Count'}
      ]},
      { text : '002', children: [
        { text : 'Sum of HomeValue', field : '2019:002:Sum'},
        { text : 'Count of HomeValue', field : '2019:002:Count'}
      ]},
      { text : '003', children: [
        { text : 'Sum of HomeValue', field : '2019:003:Sum'},
        { text : 'Count of HomeValue', field : '2019:003:Count'}
      ]},
      { text : '004', children: [
        { text : 'Sum of HomeValue', field : '2019:004:Sum'},
        { text : 'Count of HomeValue', field : '2019:004:Count'}
      ]}
    ]},
    { text : '2020', children: [
       { text : '001', children: [
        { text : 'Sum of HomeValue', field : '2020:001:Sum'},
        { text : 'Count of HomeValue', field : '2020:001:Count'}
      ]},
      { text : '002', children: [
        { text : 'Sum of HomeValue', field : '2020:002:Sum'},
        { text : 'Count of HomeValue', field : '2020:002:Count'}
      ]},
      { text : '003', children: [
        { text : 'Sum of HomeValue', field : '2020:003:Sum'},
        { text : 'Count of HomeValue', field : '2020:003:Count'}
      ]},
      { text : '004', children: [
        { text : 'Sum of HomeValue', field : '2020:004:Sum'},
        { text : 'Count of HomeValue', field : '2020:004:Count'}
      ]}
    ]},
]
});

Could you please help us with it?
Thanks

Attachments
reorder-column-issue-2.mov
(2.89 MiB) Downloaded 8 times
reorder-column-issue-1.mov
(24.5 MiB) Downloaded 8 times

Post by alex.l »

Hi,

Thank you for the report and very clear instructions and a test case! We confirmed a bug and opened a ticket here https://github.com/bryntum/support/issues/8551
You can subscribe on ticket updates to be notified when it's done.

All the best,
Alex


Post Reply