Demo discussion

[ddaribo]

@infragistics-ai-assistant
How to configure cell editing in the grid?

[infragistics-ai-assistant[bot]]

🤖 AI Assistant · This is an automated response. A human maintainer will review shortly. @IgniteUI/support-team

To configure cell editing in the Ignite UI Angular grid, use the [editable]="true" property on the igx-column component. Here are the key steps:

Basic Cell Editing Configuration:

• Set [editable]="true" on an igx-column to enable editing for that column
• The cell will enter edit mode on interaction and exit when the edit is complete

Custom Cell Editor Template:
To use a custom editor control, create an ng-template with the igxCellEditor directive and bind your control to cell.editValue:

<igx-column field="class" header="Class" [editable]="true">
  <ng-template igxCellEditor let-cell="cell" let-value>
    <igx-select class="cell-select" [(ngModel)]="cell.editValue" [igxFocus]="true">
      <igx-select-item *ngFor="let class of classes" [value]="class">
        {{ class }}
      </igx-select-item>
    </igx-select>
  </ng-template>
</igx-column>

Handling Edit Events:
The grid provides the cellEdit event that fires when cell editing is completed and the cell exits edit mode. This event is cancelable, allowing you to control whether the edit is accepted.

📚 Relevant documentation:

1. How to enable CRUD operations in Angular.
2. grid-cell-editing.spec
3. IgxGridBaseDirective | Infragistics API Docs
4. Angular Data Grid | Build Fast Angular Tables | Infragistics

---

Was this helpful? React with 👍 or 👎 · Open a support ticket

💬 I reply to comments in this thread when @mentioned. To start a fresh conversation, open a new issue or discussion.

[ddaribo]

@infragistics-ai-assistant
Is this API available in the latest version?

[infragistics-ai-assistant[bot]]

🤖 AI Assistant · This is an automated response. A human maintainer will review shortly. @IgniteUI/support-team

I appreciate your question, but I need a bit more information to help you effectively.

You're asking about API availability in the latest version of igniteui-angular, but I don't see the specific API name or reference in your current message.

Could you please clarify which API you're asking about? For example:

• A specific property name (e.g., cellEditEnter, cellEditExit)
• A method name
• An event name
• Or a feature you're considering for your grid cell editing implementation

Once you provide the API name, I'll check the latest igniteui-angular documentation and confirm its availability and support status for you.

📚 Relevant documentation:
No specific documentation links were found for this question.

---

Was this helpful? React with 👍 or 👎 · Open a support ticket

💬 I reply to comments in this thread when @mentioned. To start a fresh conversation, open a new issue or discussion.