ISSUE:
I have encountered a problem where cells in group rows are not editable when using the Server Side Data-Tree mode. I followed the documentation provided for constructing the grid - https://www.ag-grid.com/javascript-grid-server-side-model-tree-data. Here is an example:
Even though all columns have 'editable: true' properties, group rows remain non-editable in this example.
this.columnDefs = [
{ field: "jobTitle", editable: true },
{ field: "employmentType", editable: true }
];
this.defaultColDef = {
width: 240,
resizable: true
};
this.autoGroupColumnDef = {
cellRendererParams: {
innerRenderer: function(params) {
return params.data.employeeName;
}
}
};
this.rowModelType = "serverSide";
this.isServerSideGroup = function(dataItem) {
return dataItem.group;
};
this.getServerSideGroupKey = function(dataItem) {
return dataItem.employeeId;
};
Objective:
I expect all rows and cells (excluding Group column) to be editable. Here is an example with usual data tree without the server-side model:
this.columnDefs = [{ field: "jobTitle", editable: true }, { field: "employmentType", editable: true }];
It is important to note that all columns have 'editable: true' properties in both cases, but it seems to not work in the server side scenario.
Query:
What steps should I take to enable editing for all rows (even within group rows)?