Adding new row to igx grid using igx-action-strip

Question

I am trying to create a igx grid table with an edit-button, similar to this example provided by Infragistics Angular Grid Row Adding Example

<igx-action-strip #actionstrip>
    <igx-grid-editing-actions [addRow]="true"></igx-grid-editing-actions>
</igx-action-strip>

I added IgxActionStripModule to the app.modules.ts and addRow is not found. Should I add some other modules or why this simple example does not work? I did not find no tutorials or explanations about it. I have Angular version 12 and Visual Studio 2019.

score 3 · Accepted Answer · answered Aug 19 '21 at 05:08

3

Ensure the following:

the other two dependency modules are present as well. You should see IgxActionStripModule, IgxInputGroupModule and IgxFocusModule.
check that the modules persist in the @NgModule imports as well.
Set rowEditable grid input to true, and add action strip as content projection in the grid:

<igx-action-strip #actionstrip> <igx-grid-editing-actions [addRow]="true">
Setting primary key is mandatory for row adding operations.

Now upon row hover you should see the row action icons for row adding, editing and delete

answered Aug 19 '21 at 05:08

Zdravko Kolev

1,569
14
20

2

Thank you very much! This solved my problem. – ivs Aug 19 '21 at 13:07
2

I'm glad that I helped – Zdravko Kolev Aug 19 '21 at 15:50

Adding new row to igx grid using igx-action-strip

1 Answers1