Grid with VirtualScroll doesn't work with grouping feature properly

16 posts, 0 answers
  1. Artem
    Artem avatar
    17 posts
    Member since:
    Apr 2018

    Posted 08 Nov 2018 Link to this post

    In our project we use grouping with virtual scroll. Unfortunately i didn’t find any information in documentation Kendo Grid for React. This two features works correct independently, but do not work together as expected.

    Our example.
    https://stackblitz.com/edit/react-ii68sw?embed=1&file=app/main.js

    Issue 1.
    We can’t expand our fields, because “process” function dosn’t support this flag.

    Issue 2.
    Broken scroll, when we group our tables. If we set rowHeight={0} - scroll works correct, but onPageChange callback return incorrect information about “skip”.

    As a result, we want to see the solution that your team provided for angular. Is it possible?
    https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes/#toc-using-virtualization-with-grouping
  2. Stefan
    Admin
    Stefan avatar
    3008 posts

    Posted 09 Nov 2018 Link to this post

    Hello, Artem,

    The developers' team is currently working on the integration between the grouping feature and virtualization.

    We have an investigation if there is an approach to support it without the need to have all of the data loaded as in the Angular Grid.

    I have created a public issue where the progress can be checked and tracked:

    https://github.com/telerik/kendo-react/issues/122

    Regards,
    Stefan
    Progress Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. Artem
    Artem avatar
    17 posts
    Member since:
    Apr 2018

    Posted 20 Nov 2018 in reply to Stefan Link to this post

    Dear Stefan.

    I can see that “Grouping with virtualization” feature - https://github.com/telerik/kendo-react/issues/122  was putted to roadmap on January.

    Could you please clarify for us the following:

    1. Could you tell us an approximate date when we can expect this functionality? It is important for us due planning our delivery.
    2. Could you please tell how many records are you using in terms of testing for grouping with virtual scrolling. We are going to use it for several millions of records.

    Regards,
    Artem

  4. Stefan
    Admin
    Stefan avatar
    3008 posts

    Posted 21 Nov 2018 Link to this post

    Hello, Artem,

    Regarding both questions:

    1) Setting a specific date could be misleading, as this is a complex feature. This is why we set the ETA for the next release even though we may be able to deliver it earlier.
    2) We are testing with more than a million as well. As the virtualization is rendering only the records based on the pageSize, making a Grid with 1 million and with 50 million records will have the same performance.

    Regards,
    Stefan
    Progress Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items

  5. Iurii
    Iurii avatar
    5 posts
    Member since:
    Dec 2018

    Posted 15 Jan 2019 in reply to Stefan Link to this post

    Hello Stefan,

    Is there any update for our request?
  6. Stefan
    Admin
    Stefan avatar
    3008 posts

    Posted 16 Jan 2019 Link to this post

    Hello, Iurii,

    We added this today in the development version.

    Please take a look at it and share your feedback:

    https://www.telerik.com/kendo-react-ui-develop/components/grid/grouping/grouping-virtual/

    Regards,
    Stefan
    Progress Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  7. Iurii
    Iurii avatar
    5 posts
    Member since:
    Dec 2018

    Posted 18 Jan 2019 in reply to Stefan Link to this post

    Hello Stefan,

    These are great news! However, could you please explain what does "development version" mean?  Does it mean it has not been tested to be put into a release version?

    Best regards,
    Iurii

  8. Stefan
    Admin
    Stefan avatar
    3008 posts

    Posted 18 Jan 2019 Link to this post

    Hello, Iurii,

    The feature is already officially released( not only in develop):

    https://www.telerik.com/kendo-react-ui/components/grid/grouping/grouping-virtual/

    In general, the develop version means that the component has passed the official review. Still, some changes may occur before the original version is live, that is why we deploy it as develop for an additional test, and so the user can check it earlier instead of waiting if an important fix and feature are added. 

    Regards,
    Stefan
    Progress Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  9. Iurii
    Iurii avatar
    5 posts
    Member since:
    Dec 2018

    Posted 28 Jan 2019 in reply to Stefan Link to this post

    Hello, Stefan,

    In the latest kendo release feature "grid virtual scroll + grouping"  was added.

    https://www.telerik.com/kendo-react-ui/components/grid/grouping/grouping-virtual/

    However there are still major open question which prevents us from  using this feature:

    1. Expand/collapse feature is not documented. Kendo include hidden items into dataset and after collapsing group shows an empty table. How we can use expand/collapse feature?
    2. In example above: Scroll works incorrect. Scroll indicator has a big delay, and after scrolling to the bottom scroll doesn’t finish. Maybe example is inaccurate?
    3. In example above: After removing grouping scroll works incorrectly and shows same data set after scroll. Maybe example is inaccurate?


    Looking forward for your answers. 

Best regards,
    Iurii

  10. Stefan
    Admin
    Stefan avatar
    3008 posts

    Posted 05 Feb 2019 Link to this post

    Hello, Iurii,

    Regarding the questions:

    1) The expand/collapse doe not work with virtualization. This would be possible only if there was a requirement of all data to be available to the grid which can lead to performance issue if millions of records have to be requested at once.

    2) With the virtualization, the last item begins in the top of the last page, not at the bottom.

    3) Not sure I understand your last question, some further details on how to replicate would be in help.

    Regards,
    Stefan
    Progress Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  11. Iurii
    Iurii avatar
    5 posts
    Member since:
    Dec 2018

    Posted 05 Nov 2019 in reply to Stefan Link to this post

    Hi Stefan,

    Unfortunately it doesn't work properly.
  12. Stefan
    Admin
    Stefan avatar
    3008 posts

    Posted 06 Nov 2019 Link to this post

    Hello, Iurii,

    Yes, we can agree that the virtualization with grouping has issues and the team is working on them.

    As it is a very complex issue, it is taking longer to fix as it has many specifics that have to be taken into account.

    We will do our best to try to resolve it.

    Regards,
    Stefan
    Progress Telerik

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  13. Leon
    Leon avatar
    2 posts
    Member since:
    Feb 2013

    Posted 18 Mar 2020 Link to this post

    Update? 

  14. Stefan
    Admin
    Stefan avatar
    3008 posts

    Posted 20 Mar 2020 Link to this post

    Hello, Leon,

    As the team has made some updates to the virtualization is it possible to specify which is the current issue that you are facing.

    This will help us to provide more relevant and to the point information.

    Also, if you have tree data, please check our TreeList as well, as it works with data tree and has virtualization as well:

    https://www.telerik.com/kendo-react-ui/components/treelist/virtualization/

    Regards,
    Stefan
    Progress Telerik

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  15. Leon
    Leon avatar
    2 posts
    Member since:
    Feb 2013

    Posted 20 Mar 2020 in reply to Stefan Link to this post

    This is with the Kendo UI Grid for Angular. As soon as I add groups to a [scrollable]="'virtual'" grid, there are weird offsets, jumping, long white-areas issues. If it sounds unfamiliar for your team that the Kendo UI Grid for Angular doesn't handle Virtualization and Grouping, then I'll try to code a repro.
  16. Stefan
    Admin
    Stefan avatar
    3008 posts

    Posted 23 Mar 2020 Link to this post

    Hello, Leon,

    If the issue is with the Kendo UI for Angular, please posted in their forum, so the team can see it. This will also help other Kendo UI for Angular users as they will find it in the correct forum.

    As far as I know, in the Kendo UI for Angular version, there is a requirement to have all data initially when using grouping with virtualization:

    https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes/virtual/#toc-using-virtualization-with-grouping

    Regards,
    Stefan
    Progress Telerik

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top