I have implemented the Ag-Grid Custom floating filter in React as a dropdown with values of that particular column like in excel
In this image Floating filter height has been extended to show the expected output as in this image 1 but what if the dropdown has more than 20 values. I would like the dropdown to be in front of the grid (overlay to the front) instead of hiding beneath the false values as shown in this image 2. How could this be done?
This is a Semantic UI React dropdown and modifying z-index is not helping to bring it upfront. Any assistance is appreciated.