Need to hide the Add button once two rows are added

I am using igx grid.

Scenario: On click of Add button, 2 new rows are added to the grid. After 2 rows are added to the Grid, Add button should be hidden.

Stackbliz Sample: https://stackblitz.com/edit/angular-grid-add-multi-rows?file=src%2Fapp%2Fgrid%2Fgrid-allData-summary%2Fgrid-allData-summary.component.ts

Please help ASAP!!

Hello Shobhana,
Thanks for creating the topic.

I forked and edited your sample.
https://stackblitz.com/edit/angular-grid-add-multi-rows-zitqle

In this sample, the add row button clicking event also adds a class to the container element. Then hide a button by stylesheet.

Please check this sample and let me know if you have any questions.
Sincerely,
Motoki

Thanks a lot Motoki. It worked!