Disable editable in specific columns

[Neo]

Hi All,

I want to know how to disable some columns editable when we using edit settings for whole grid. Need to disable on cell click.

EditSettings = { allowEditing: true, allowAdding: true, mode: 'Normal' };

Thank you

[Madhu Sudhanan P]

Hi Neo, 

Thanks for contacting Syncfusion support. 

You can use the column.allowEditing property to disable edit option for a column. 

https://ej2.syncfusion.com/angular/documentation/api/grid/column/#allowediting 

https://ej2.syncfusion.com/angular/documentation/grid/edit/ 

Regards, 

Madhu Sudhanan P 

[Thavasianand Sankaranarayanan]

Hi Shamil, 

Greetings from Syncfusion support. 

We have already discuss about “how to disable editing for a particular column in Grid” query in the following documentations. 

Link: https://ej2.syncfusion.com/angular/documentation/grid/edit/?no-cache=1#disable-editing-for-particular-column 

Regards, 

Thavasianand S. 

[Neo]

Hi Neo, 

Thanks for contacting Syncfusion support. 

You can use the column.allowEditing property to disable edit option for a column. 

https://ej2.syncfusion.com/angular/documentation/api/grid/column/#allowediting 

https://ej2.syncfusion.com/angular/documentation/grid/edit/ 

Regards, 

Madhu Sudhanan P 

Hi Madhu,

I know  'column.allowEditing' property can use for it. But I want to know how to use when we creating columns dynamically (Using 'Column' property)

Thanks you.

[Pavithra Subramaniyam]

Hi Neo, 

Thanks for contacting Syncfusion support. 

Based on your requirement we have prepared a sample with dynamic column binding with enable/ disabled editing for particular column.  

Sample: https://stackblitz.com/edit/diable-editing?file=app.component.ts 

If the above sample does not meet your requirement please share the following details. It will be helpful to provide a better solution as soon as possible. 

1. Could you please explain more details about your requirement ?
2. Could you please share the full Grid code example.
3. In which scenario you want to set allowEditing as false in Grid column model.

Regards, 

Pavithra S. 

 

[Deepak Dnyandeo Wadkar]

Hi Team,

          We have customized datagrid, and placed button in one of column, in edit mode that button gets disappeared even if we apply allowEditing to false.

How to handle this and keep button as it is.

Regards,

Deepak

[Joseph Christ Nithin Issack]

Hi Deepak, 

   Thanks for your update. 

   Based on your query, you are having button in one of your column. When you edit a row the button disappears (while set allowEditing as false). You want the button to be shown in the grid even if the grid is in edit mode. Your requirement can be achieved by using the `editTemplate` property in the columns.  

Please refer the below code example. 

<e-column 

        headerText="Employee Image" 

        width="150" 

        textAlign="Center" 

        [allowEditing]="false" 

      > 

        <ng-template #template> 

          <button ejs-button>Normal</button> 

        </ng-template> 

        <ng-template #editTemplate> 

          <button ejs-button [disabled]="true">Normal</button> 

        </ng-template> 

      </e-column> 

Sample: https://stackblitz.com/edit/angular-2gcbvu-yfve7h?file=app.component.html  

Please find the attached sample and revert for more queries. 

Regards,
Joseph I