Overriding 'Select' Editor

Tags: #<Tag:0x00007f0b0b56b5e0> #<Tag:0x00007f0b0b56ac08>

Hello,

I would like to know if it is possible to override the behavior of ‘Select’ editor so it would behave the same as ‘Dropdown’ editor when clicking the down arrow. Currently, if you click a ‘Select’ editor cell, you need to click again to open the data selection. Is there a way to make the data selection appear in just one click?

image

Thanks!

Hi @eabardies

You would need to create a custom cell editor (possibly by extending the class of the SelectEditor). Here https://handsontable.com/docs/javascript-data-grid/cell-editor/ you can read more about creating custom editors and here’s the SelectEditor https://github.com/handsontable/handsontable/blob/6a1706061163b8d1f7752e54ef6f10efbc764b8b/handsontable/src/editors/selectEditor/selectEditor.js

Hi @aleksandra_budnik

Thank you for the quick response! Can you please provide a simple Angular example to override SelectEditor?

Thanks!

I do not have a demo like this in our demo base. But if you have a higher support plan, we can schedule a session where we discuss how to create one.