angularselectag-gridtablecelleditorkeyboard-navigation

AgGrid Select Cell Editor

I am using v8 angular ag-grid.

this.columns = [
    {headerName: "XYZ", field:"XYZ", 
    editable: true ,cellEditor: "select", 
    cellEditorParams: {values : [// list of values]},
]

I want to create a dropdown select in just a single click along with the keyboard navigation (a letter pressed on the keyboard should display the values starting with that letter).

Solution

  • I was able to achieve the desired by creating a cell renderer instead of editor - which helped me get the dropdown in a single click and using angular material, implemented the dropdown.