Button Collection Causing Overflow

Dalder

Hello,

I have come across an issue where using a button collection that is taller than the table itself.

What happens is once you expand the collection to show all of the available buttons it causes a scroll bar to appear as the buttons occupy more height than the table itself.

Please find an example attached which shows off the issue:

https://live.datatables.net/tejitehe/1/

Can someone please let me know how best to fix this issue?

Many thanks,

Dan

allan

Hi Dan,

Remove <div class="table-responsive">. That is a Bootstrap construct which sets that element to overflow: auto, so anything that overflows it, would be hidden behind a scrollbar.

Try DataTable's own Responsive extension if you don't want to run into that issue.

Allan

Dalder

Hi Allan,

Thanks for the quick solution.

I've had a look at our required specifications and we don't actually need the table to be responsive at all, so I can simply remove it.

Cheers,

Dan