使 igx-grid 的第一行不可编辑答案

【问题标题】：Make first row of igx-grid not editable使 igx-grid 的第一行不可编辑
【发布时间】：2021-08-16 11:33:27
【问题描述】：

我有一个普通的igx-grid，其中的行都是可编辑的。但是，第一行不应该是可编辑的。我该如何处理？另外，在下面的 code-sn-p 中，你能告诉我最后一列我做错了什么吗？我只想在那里显示一个垃圾桶图标，但单元格是空白的。

<igx-grid (dropped)="onDropAllowed($event)" (onRowDragStart)="onDragAllowed($event)"
          [data]="data?.approvers"
          [height]="null" [rowDraggable]="true" igxDrop primaryKey="wwid">
    <igx-column [cellEditorTemplate]="workerPickerTemplate" [editable]="true" field="name" header="Name">
    </igx-column>
    <igx-column [cellEditorTemplate]="workerPickerTemplate" [editable]="true" field="email"
                header="Email"></igx-column>
    <igx-column [cellEditorTemplate]="workerPickerTemplate" [editable]="true" field="wwid" header="WWID">
    </igx-column>
    <igx-column [editable]="true" field="role" header="Role"></igx-column>
    <igx-column>
        <button class="btn btn-danger" igxButton="icon" type="button">
            <igx-icon>delete</igx-icon>
        </button>
    </igx-column>
</igx-grid>

【问题讨论】：

标签： angular infragistics ignite-ui-angular igx-grid

【解决方案1】：

您可以使用IgxGridComponent的rowEditEnter事件并取消它，以防止进入编辑模式，有效地使其不可编辑。

关于在列中设置图标的问题，您应该将内容包装在这样的模板中：

    <igx-column width="100px" [filterable]="false">
       <ng-template igxCell let-cell="cell">
          <button igxButton="icon" (click)="removeRow(cell.cellID.rowIndex)">
              <igx-icon>delete</igx-icon>
          </button>
        </ng-template>
    </igx-column>

【讨论】：