Skip to content

Listview doesn't render properly with #Template, enableVirtualization and groupBy. #2

Description

@vinicius-araujo

Listview crashes when combined with some otpions.

app.component.ts

 dataSource = [
    { id: '1', text: 'Apple', category: 'Electronics' },
    { id: '2', text: 'Samsung', category: 'Electronics' },
    { id: '3', text: 'Microsoft', category: 'Cloud' },
    { id: '4', text: 'Amazon', category: 'Cloud' },
    { id: '5', text: 'Tesla', category: 'Automotive' },
    { id: '7', text: 'Rivian', category: 'Automotive' },
    { id: '8', text: 'Google', category: 'Web' },
    { id: '9', text: 'Twitter', category: 'Web' },
  ];
  fields: FieldSettingsModel = { groupBy: 'category' };

app.component.html

<ejs-listview id="list" [dataSource]="dataSource" [fields]="fields" [enableVirtualization]="true"> <ng-template #template let-data> <span>{{ data.text }}</span> </ng-template> </ejs-listview>

result

image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions