Merge pull request #7466 from IgniteUI/dkamburov/fix-7245

fix(action-strip): Add warning when grid is not editable #7245

Author: ChronosSF

projects/igniteui-angular/src/lib/action-strip/grid-actions/grid-editing-actions.component.ts

@@ -1,5 +1,6 @@
 import { Component, HostBinding } from '@angular/core';
 import { IgxGridActionsBaseDirective } from './grid-actions-base.directive';
+import { showMessage } from '../../core/deprecateDecorators';
 
 @Component({
     selector: 'igx-grid-editing-actions',
@@ -16,6 +17,8 @@ export class IgxGridEditingActionsComponent extends IgxGridActionsBaseDirective
     @HostBinding('class.igx-action-strip__editing-actions')
     public cssClass = 'igx-action-strip__editing-actions';
 
+    private isMessageShown = false;
+
     /**
      * Enter row or cell edit mode depending the grid rowEditable option
      * @example
@@ -33,6 +36,12 @@ export class IgxGridEditingActionsComponent extends IgxGridActionsBaseDirective
         const row = this.strip.context;
         const firstEditable = row.cells.filter(cell => cell.editable)[0];
         const grid = row.grid;
+        if (!grid.hasEditableColumns) {
+            this.isMessageShown = showMessage(
+                'The grid should be editable in order to use IgxGridEditingActionsComponent',
+                this.isMessageShown);
+                return;
+        }
         // be sure row is in view
         if (grid.rowList.filter(r => r === row).length !== 0) {
             grid.crudService.begin(firstEditable);