Our blazing fast Grid component built with pure JavaScript


Post by artbil »

Hello,

In the following example https://www.bryntum.com/examples/grid/groupedheaders/ :

  • Add

    filterBar: true
  • Resize columns in order to have a horizontal scroll

    horizontal scroll.PNG
    horizontal scroll.PNG (33.75 KiB) Viewed 924 times
  • Add a filter which remove all rows for example "MMM" on the city column

  • The scroll disappear and it is impossible to remove the filter

    Scroll invisible.PNG
    Scroll invisible.PNG (17.07 KiB) Viewed 924 times

I have noticed that it only happened when there is grouped headers.
Can you provide a workaround or tell me where is the bug in the source code ? So I can fix it until you done it.

Best,
Artbil


Post by alex.l »

Hi artbil,

It's still possible to scroll it if you move cursor over the header. But, for sure, it is a bug and I've created a ticket here: https://github.com/bryntum/support/issues/1719
We aim to fix it in the next patch release.

Thanks for the report,
All best,
Alex

All the best,
Alex


Post by artbil »

Thanks for the quick reply !

I find out the origin of the problem, the function "refreshFakeScroll" use "totalFixedWidth" which is not correct. A quick fix is to add a loop to go throught all the children if they exist :

if (col.children) {
  col.children.forEach(childCol => {
    result += Math.max(childCol.measureSize(childCol.width), childCol.measureSize(childCol.minWidth));
  })
} else {
  result += Math.max(col.measureSize(col.width), col.measureSize(col.minWidth));
}

Post by alex.l »

Hi artbil,

Glad to hear you were able to find a workaround! Let us know if you'll have questions and good luck!

Alex

All the best,
Alex


Post Reply