Pending Review
Last Updated: 16 Sep 2021 22:49 by Alvin
Created by: Alvin
Comments: 1
Category: Charts
Type: Bug Report
0

Hi,

This documentation Stackblitz demo is broken (see screenshot below for details).

Pending Review
Last Updated: 16 Sep 2021 21:46 by Christopher

There is a bug with the kendoGridGroupBinding directive when changing the input data and using virtual scrolling.  If you have many rows and scroll down to a lower virtual page and then change the input data to a small subset the grid will think there is no data.  And if you then change back to the full data set you have to start scrolling down before the grid repaints with data.  

Reproduction available here https://tyb2ys--run.stackblitz.io

Steps:

1. scroll down halfway in the grid

2. click the "Show subset" button.  Note the grid shows the no records message but should show three rows

3. click the "Show all" button.  Now the grid shows the scrollbar and the no records message is gone but it is not showing data.  You have to scroll down past where you previously were with all data before it repaints the rows

One workaround is to have an ngIf on the grid to destroy and recreate the grid when the input data changes, something like this:

 

  private destroyAndRecreateGrid(): void {
    this.showGrid$.next(false);
    of(null).pipe(
      take(1),
      delay(10),
      tap(t => {
        this.showGrid$.next(true);
      }
    )).subscribe();
  }