Hello and good afternoon.
I'm trying to pass custom data to a cell of type "dropdownedit" using the ColumnDirective, but when I follow the documentation (here) the system behaves erratically.
First I followed the example like this:
const editParams = {params: { value: 'Germany' }};
/**/
<ColumnDirective
/**/
editType='dropdownedit'
edit={editParams}
/>
But the grid got rendered like this:

It only showed the values that already exist on the same column and a blank space selected. When I press enter on the blank space, suddenly the custom value gets added.

On top of that, if I keep doing it, the rest of the options disappear from the board and they get replaced with the custom option:
Is there any way to render only the custom options without showing a blank option at the start?
Another question: is there a way of adding an array of options? If so, what Is the correct syntax? For example:
const editParams = {params: { value: 'Germany', value: 'Austria', value: 'Denmark' }}; // <-- this throws an error
const editParams = {params: { value: ['Germany', 'Austria', 'Denmark' ]}}; // <-- this prints all options combined
Thank you very much for your support.