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.
I'm afraid we don't publish Nuget packages (yet - it is planned!). There are third party package maintainers who do so though!
I know, I asked one of the owners of one of the most downloaded packages to upgrade the version, they are still at 1.10.15. Now I have to wait.
I was having the same problem -- with the dropdown column list being displayed off the screen.
The fix mentioned above is not quite correct. In the "if" clause, "listRight" should really be "listOffsetRight".
There is issue with Editor dropdown as well. See my sample of code that the dropdown menu (nav) did not expand.
Editor 1.7.3 and Editor 1.7.2 with Datatable 1.10.16.
@d052057 - Can you link to a test case showing the issue please?
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.
SpryMedia Ltd is registered in Scotland, company no. SC456502.