Performance
Apply performance tips for handling very large datasets in Angular with gp-grid, including change detection strategies and zone-aware rendering hints.
Angular performance tips are being written. See the React performance guide — most advice (virtualization, overscan, cell renderer purity) applies verbatim.
Smooth Scrolling for Million-Row Grids
Enable virtual dampening to keep wheel scrolling smooth on grids that exceed millions of rows:
<gp-grid [columns]="columns" [rowData]="data" [rowHeight]="36" [wheelDampening]="0.2" />The [wheelDampening] input accepts a value between 0 and 1. Lower values produce smoother scrolling but travel less distance per wheel event, which is ideal when precise navigation matters more than raw speed.
For touch devices, pair [wheelDampening] with [maxFlingVelocity] to control scroll momentum after a flick gesture:
<gp-grid
[columns]="columns"
[rowData]="data"
[rowHeight]="36"
[wheelDampening]="0.2"
[maxFlingVelocity]="2000"
[overscan]="12"
/>The default [maxFlingVelocity] is 20 × rowHeight. Raise it together with overscan (10–12 recommended) to make fast touch-flicking feel more responsive.