What is the best way Scroll plus Dropdown?? (in the bottom of table use dropdown)
What is the best way Scroll plus Dropdown?? (in the bottom of table use dropdown)

I have a problem. when I use datatables scroll and bootstrap dropdown.
when i click dropdown in the bottom of table then scroll Y then additional scroll Y is added. So bottom of table blank is mad.(Dropdown clicked)
So I hope to dropdown not added scroll but out of table (DIV).
Do you have any idea about this problem.
(also boostrap calendar / seleckpicker occured)
Only I found answer is use dropup (not make additional bottom scroll)
here is sample code JSFIDDLE (click dropdown in the bottom of table)
https://jsfiddle.net/healess/cs14s0ph/1/
This question has an accepted answers - jump to answer
Answers
This is probably one to ask in a Bootstrap specific support forum, or perhaps StackOverflow. Bootstrap is appending the dropdown inside the scrolling element, and it looks like it is always just positioning it below the button - I'm not sure if Bootstrap has an option to have it automatically check the surrounding scrolling containers - I suspect not.
Allan
I agree your opnion. This is not datatables problem. bootstrap must solve this problem. I found that the only way is dropup.(scroll + dropdown is not supported)