Select Editor

Summary

The Select Editor wraps the AG Grid Rich Select Editor, and displays automatically when a cell is being edited
By default the Select Editor will contain the current distinct values in the column
However, if required, a different set of values can be provided by developers for the user to see

AdapTable can be configured to display the the AG Grid Rich Select Editor dynamically during a cell edit.

Caution

The Column must be configured as editable in the AG Grid column schema for the Select Editor to appear

The showSelectCellEditor property in Edit Options defines which Columns will display a Select Editor.

showSelectCellEditor

Default: [No Cols]

Boolean

Which Columns use a Select Editor

Option used to configure which Columns use AG Grid's Rich Select Editor when being edited.

The property is a function that receives AdaptableColumnContext and returns a boolean.

The AdaptableColumnContext simply provides the current Column:

Property	Description
column	The current Column
adaptableContext	Custom application Context provided in `AdaptableOptions.adaptableContext`

editOptions: {
  // Display Select Editors for the Country and Currency columns
  showSelectCellEditor: context => {
    return context.column.columnId === 'currency' || context.column.columnId === 'country';
  }
},

Select Editors

Fork Fork

In this example Select Editors are configured for 2 Columns - License and Language
Both Columns display a dropdown when a cell is clicked

Try It Out

Click on a cell in the Licence or Language columns and see how a dropdown appears showing the distinct values in the column

Custom Editor Values

By default the Select Editor will automatically display a list of the distinct values in that column.

However it is possible to provide a bespoke list of items to display in the Select Editor.

This is done via the by using the customEditColumnValues property (also in Edit Options).

Find Out More

See Providing Custom Column Values when Editing for more information and a demo

Row Forms

AdapTable provides Row Forms to enable safe and easy editing via a dynamic Form.

Any Select Editors which have been provided are also available when editing the cell using Row Forms.

Note

The Select Editor is also displayed when using Create or Clone in a Row Form

AdapTable Resources

PreviousCell Editors NextNumeric Cell Editor