grid-performance.sample.html

<div style="height: 100vh; width: 100wh">
    <h4 class="sample-title"> Fixed Size Rows</h4>
    <igx-grid #grid1 primaryKey="ID" [rowHeight]="20" [data]="localData" [rowSelection]="selectionMode" [allowFiltering]="true" [filterMode]="'excelStyleFilter'">
        <igx-grid-toolbar>
            <igx-grid-toolbar-actions>
                <igx-grid-toolbar-pinning></igx-grid-toolbar-pinning>
                <igx-grid-toolbar-hiding></igx-grid-toolbar-hiding>
            </igx-grid-toolbar-actions>
        </igx-grid-toolbar>
        @for (c of columns; track c) {
            <igx-column width='auto' [editable]="true" [sortable]="true" [filterable]="true" [resizable]="true" [field]="c.field" [header]="c.field">
            </igx-column>
        }
    </igx-grid>
    <div class="sample-buttons">
        <button igxButton="contained" (click)="toggleVis()">Show/Hide</button>
        <input type='number' #input/>
        <button igxButton="contained" (click)='scrollTo(grid1, input.value)'>Go To Index</button>
    </div>
</div>