'How to add an object array for ag-grid inline-edit dropdown?

I have an object array and I have to assign it to the ag-grid dropdown to make it for the inline edit in the grid

My object array looks like this:

this.status = [
{id: 1, description; "Pending"},
{id: 2, description; "Avail"},
{id: 3, description; "Cacnel"}
]

My columnDef looks like this:

this.columnDefs = [ {field: "arrivalDate", headerName: "Date"},
{field: "status", headerName: "status", cellEditor: 'agSelectCellEditor', editable: true,
cellEditorParams: { values: this.status},
valueFormatter: (params) => this.status.find(item => item.key===params.value).value]

But this is not working, I am getting the output like this:

enter image description here

What am I doing working?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source