I have set of code which is working okay in case of individual Treegrid control. Now, I have multiple pivot table present on same page along with treegird. in this case editSettings are not working . in fact the whole grid is not editable. below is my code.
<ejs-treegrid #gFunding [dataSource]='fundingData' [treeColumnIndex]=0 height='100%' childMapping='isParent'
[columns]='fundingColumns' [editSettings]='editSettings'
[allowFiltering]=true [rowHeight]= 25 hasChildMapping=isParent idMapping=ID parentIdMapping=ParentItem>
</ejs-treegrid>
public fundingColumns:Object[]=[];
public fundingData: Object[] = [];
public filterSettings: Object={type: 'Excel'};
public editSettings: Object={ allowEditing: true, mode: "Row" };
public selectedRecord:Object={};
public selectionSettings:Object={ type: 'Multiple', mode: 'Row', cellSelectionMode: 'Box' };
this.fundingData=Config.test;
this.fundingColumns=Config.createColumns;
export const test=[
{"name":"node 1","ID":1,"isParent":true,"PQR":null,"ABC":null,"XYZ":null},
{"name":"Sub node 1","ID":2,"isParent":false,"ParentItem":1,"ABC":null,"PQR":null,"XYZ":null}];
export const createColumns=[{ field: 'name', headerText: 'Name', textAlign: 'left', width: 350,isFrozen:false,allowResizing:true},
{ field: 'ID', headerText: 'Id', textAlign: 'left',type:'number',format:'N', width: 350,visible:false,isPrimaryKey:true},
{ field: 'isParent', headerText: 'isParent', textAlign: 'left', width: 150,visible:false},
{ field: 'ParentItem', headerText: 'ParentItem', textAlign: 'left',type:'number',format:'N', width: 50,visible:false},
{ field: 'ABC', headerText: 'ABC', textAlign: 'left', width: 150,allowResizing:true,editType: 'stringedit',allowEditing:true},
{ field: 'PQR', headerText: 'PQR', textAlign: 'left', width: 150,allowResizing:true,editType: 'stringedit'},
{ field: 'XYZ', headerText: 'XYZ', textAlign: 'left', width: 150,allowResizing:true,editType: 'stringedit'}
];