Element must be user-editable error is thrown when i try to clear and enter the value agGrid cell.
element.all(by.css('[colid="ResultData"]')).get(1).clear();
element.all(by.css('[colid="ResultData"]')).get(1).sendKeys('Hello...');
<div role="gridcell" class="ag-cell-no-focus ag-cell ag-cell-not-inline-editing ag-cell-value results-record-cell" tabindex="-1" colid="ResultData" title="Pending..." style="width: 98px; left: 199px;">Pending...</div>