Show dropdown options on top

Tags: #<Tag:0x00007efc72972050> #<Tag:0x00007efc72971ec0>
#1

I want to display my dropdown options on top instead of bottom. Could you please help me?

Untitled2

Untitled

#2

Try the following as I was able to make it happen on my side:

image
image.png1199×668 37.6 KB

.css

.handsontable.listbox  {
    top: -100px !important;
   overflow: visible;
}
.handsontable .htAutocomplete .htAutocompleteArrow {
   transform: rotate(180deg);
 
}

You might need the following as the top rows might show hidden options

.handsontable {
  overflow: visible !important;
}
#3

@noajm

We appreciate the proposed solution! @sajjadraihan217, please let us know if that helps with your case.

#4

@noajm & @adrian.szymanski , Thanks for the solution. It is working fine.

#5