I am working on a LWC that contain a data table. My data table beiing with a large number of columns, I decided to enable the class slds-scrollable which now contain the table within the div Have a look:
In my component I have an edit mode, that when clicked replace the fields with combobox.
My issue as you can see in the picture is that the combox when click is not really visible. Because the slds-scrollable add a paramerer of overflow Hidden so I cannot see it.
If I change it to overflow Visible then the combobox is visible but on scroll ONLY have a look:
if I delete the slds-scrolable then my table go outside of the div .. but the combobox is behaving alright with overflow visible
Please help me !! How can I have my table scrolable on X within my div and in the same time having my combobox behaving in the right way with overflow visible