在行分组级别 ag-grid 启用对单元格字段的编辑

Question

I have created an ag-grid. where I am grouping the records as row grouping. In that grid, one column is autocompleting typeahead drop-down column I have used the below package to implement it.
https://www.npmjs.com/package/ag-grid-autocomplete-editor

currently, it looks like this. since I have done the grouping I am unable to show typeahead col at group level. I want to autocomplete typeahead here for bulk (group level) update.

I tried multiple ways but unable to do it. I tried using aggFunc also unable to since I am using another package. Which should return something like:

cellEditor: AutoCompleteSelectCellEditor, cellRendererParams: {values: this.getData.bind(this)}, valueFormatter: ...

I am unsure of how this will work. Any help would be very much appreciated.

Answer 1

After googling for a couple of days. I found the solution.

We can achieve this by adding.

enableGroupEdit={true}

Also, At the column level, we need to add

editable: true

or

editable: {this.isCellEditable}

and we can have a function isCellEditable(param) to enable editable dynamically based on requirements.

Answer 2

enableGroupEdit={true}

we can control which field to allow by calling a function that returns a boolean.

enableGroupEdit = {(params) => myfunction(params)}