使用 igx-action-strip 添加新行到 igx 网格

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

我正在尝试创建一个带有编辑按钮的 igx 网格 table,类似于 Infragistics Angular Grid Row Adding Example

提供的示例
<igx-action-strip #actionstrip>
    <igx-grid-editing-actions [addRow]="true"></igx-grid-editing-actions>
</igx-action-strip>

我将 IgxActionStripModule 添加到 app.modules.ts 中,但未找到 addRow。我应该添加一些其他模块还是为什么这个简单的例子不起作用? 我没有找到关于它的教程或解释。 我有 Angular 版本 12 和 Visual Studio 2019.

确保以下几点:

  • 其他两个依赖模块也存在。您应该看到 IgxActionStripModule、IgxInputGroupModule 和 IgxFocusModule。

  • 检查模块是否也存在于@NgModule 导入中。

  • 将 rowEditable 网格输入设置为 true,并在网格中添加操作条作为内容投影:

  • 行添加操作必须设置主键。

现在将鼠标悬停在行上时,您应该会看到用于添加、编辑和删除行的行操作图标