We have requirement to show grid which can have 1500 rows and each row can have update 150 columns This grid is implemented using angular mat-table, on-load entire grid is read only
Problem is, when just single row is editable with 150 form controls active. The UI is lagging a lot and typing single char is a cell is taking few secs.
With same Grid, 1500 rows when I reduce columns. It performing much better.
How can we optimize grid performance horizontally?
we are trying using cdk-virtual-scroll-viewport; but there is no performance improvement
// table column // we have around 120 column in each row.