Need to hide the Add button once two rows are added | Infragistics Forums

State See Verified Answer
Replies 2 replies
Subscribers 7 subscribers
Views 1049385 views
Users 0 members are here

Ignite UI for Angular (igx-grid )

1415

Need to hide the Add button once two rows are added

Shobhana Suara posted over 4 years ago

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!!

Top Replies

60

Offline 元喜中江 posted over 4 years ago +1 verified
Hello Shobhana, Thanks for creating the topic. I forked and edited your sample. https://stackblitz.com/edit/angular-grid-add-multi-rows-zitqle In...view reply »

1415

Offline Shobhana Suara posted over 4 years ago in reply to 元喜中江

Thanks a lot Motoki. It worked!
Cancel
Reply

Cancel
60

Verified Answer
Offline 元喜中江 posted over 4 years ago

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
Cancel
Reply

Reject Answer

Cancel