Progress® Kendo UI® for Angular Feedback Portal
Back to Feed
Request a Feature Report a Bug
Declined
Last Updated: 12 Apr 2022 10:23 by ADMIN
Mauro
Created on: 05 Apr 2022 10:31
Category: Kendo UI for Angular
Type: Bug Report
1
Grid virtualscroll breaks with search/details row

https://stackblitz.com/edit/angular-oc4d4c-ss8dyk?file=app/app.component.ts

  1. If a detail row is expanded, the entire virtual scroll fails - showing whitespace/not loading new data once you scroll enough to trigger pagination/new dataset load. It remains broken even after collapsing the details row.
  2. Scroll down and filter - you see white area. You need to scroll until it triggers data load to fix it.
1 comment
ADMIN
Svet
Posted on: 12 Apr 2022 10:23

Hi Mauro,

Thank you for the provided details.

The undesired behavior is caused due to the data being manually updated. In this case, the directive skip property should be set to 0 when manually filtering the data:

export class AppComponent {
  @ViewChild(GroupBindingDirective) dir: GroupBindingDirective;
...

  public applyFilter(value: any): void {
    this.gridData = filterBy(this.data, {
      logic: 'and',
      filters: [
        {
          field: 'firstName',
          operator: 'contains',
          value: value.target.value,
          ignoreCase: true,
        },
      ],
    });

    this.dir.skip = 0;
  }

Here is an updated example demonstrating that suggestion:

https://stackblitz.com/edit/angular-oc4d4c-76mi5e?file=app/app.component.ts

I hope this helps.

Regards,
Svet
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Create an account Log In
View
Type
Status
Category