The dropdown menu is without the property "data-toggle = 'dropdown'". This causes the menu to render incorrectly.
Is there a way to fix this?
Can you link to a test case showing the issue please?
Take a look: https://jsfiddle.net/rro1dj5j/
The colvis button does not have the data-toggle = "dropdown", so the div of the dropdown menu is not positioned correctly.
I'm still not clear on what the problem is I'm afraid. If I add data-toggle="dropdown" in the inspector, I just get an error about Popper.js not being included and the menu shows as it was.
Would then have to calculate the left value so that the dropdown does not stay out of the window.
var toBig = $($('.dt-button-collection')).offset().left + $($('.dt-button-collection')).width() > $(window).width()
The offset should be handled by the Popper.js library...
Actually Buttons doesn't use Popper, even when Bootstrap 4 and Popper is loaded. it does its own little positioning.
However, I see and understand the issue now. This commit fixes it and the nightly will contain the fix shortly.
Tank you Allan! I'll wait for the next version since I need to use nuget.
It looks like you're new here. If you want to get involved, click one of these buttons!
DataTables designed and created by SpryMedia Ltd.
© 2007-2018 MIT licensed. Our Supporters.
SpryMedia Ltd is registered in Scotland, company no. SC456502.