When combining a scrollable datatable and a bootstraps dropdown, clicking a dropdown on bottom of table adds additional white space to the scroll from the popup. I want the dropdown not to added space to the scroll and instead have it appear out of the table. Do you have any ideas on this problem. (it also occurred in boostrap calendar / selectpicker)
The only answer I found is to use dropup
here is sample code JSFIDDLE (click dropdown in the bottom of table)
$(document).ready(function() {
$('#test_Table').DataTable( {
"scrollY": "200px",
"scrollCollapse": true,
"paging": false
} );
} );
jsfiddle Code