AutoComplete dropdown - adding visual indictaors

Tags: #<Tag:0x00007efc60e27120>
#1

Hi,

I have a dropdown for listing project names.
Question:

  1. Is there a way i can add any visual indictaors to differentiate between active and closed projects? Something like a background color or an icon for the items in the dopdown? (Note: i get the project list from an API, which i load into the dropdown.)
  2. Can i have multiple columns in the dropwown, something like a dropdown list? when i expand the dropdown, it will open a list… In that case i can add whatever information i need (like project status) in the dropdown list itself.

image

#2

Hey @prasanth.sivakumar

Have you considered using handsontable cell type instead? Demo https://handsontable.com/docs/7.3.0/demo-handsontable.html

It allows you to use HTML.

#3

Thanks Aleksandra, will try the handsontable type… Autocomplete will still we available in this?

#4

The handsontable cell type is an array attached to the cell. Its handling is more like a dropdown (where the set of values is stable).

#5