Autocomplete: Style/Renderer(?) for specific items in autocomplete

Hi.

Please refer to the image (https://imgur.com/a/ZTaXB) for the autocomplete cell.
The cell’s source is a list of string.
I wanted to set specific style depending on the value.
The purpose is to highlight specific dates when scrolling the dropdown component.

For example

  • background is red if item is 25-Dec-17
  • background is green if item is 01-Nov-17
  • etc

Is this possible?

Thank you.

Warm regards,
Noel Benson

Hi @noel.benson.sun.uy

It looks like the best option would be to use the handsontablecell type. Have you tried it already?

Here’s a proposition http://jsfiddle.net/handsoncode/2Lts7dee/

1 Like

Looks perfect! I’ll give it a go tomorrow. Cheers! :smile:

This is a solution to our drop-down cell type. Thanks again!

However, with this approach - we are losing the autocomplete feature. :pensive:

Theoretically, there’s a possibility to convert it but I have never tested it before.
You can try to change the data in the child table using afterDocumentKeyDown