Bootstrap 4 Styling Not Working

AmericanTextile

Hi there, I am currently attempting to follow and use the Bootstrap 4 Example from the documentation. It seems like there may be an issue with one of the JavaScript files potentially causing the buttons to not display at all for DTE.

However, when using the Bootstrap 3 Example, everything works 100% as intended. Some research into the issue was done, and it looks like there may potentially be an issue with one JavaScript file in the Bootstrap 4 code.

The following BS3 example works 100 correctly...

https://editor.datatables.net/examples/styling/bootstrap.html

However, swapping the JS & CSS files from the BS4 example in from...

https://editor.datatables.net/examples/styling/bootstrap4.html

The buttons for DTE no longer display. It seems like everything works as intended, up until the following file is added:

https://cdn.datatables.net/1.10.17/js/dataTables.bootstrap4.min.js

If this file is left out, the buttons display correctly but some formatting is messed up. Once added,the formatting is fixed but the buttons no longer display. I am not sure if there is something incorrect in this JS file? Like mentioned, everything works 100% correct in the BS3 example.

Thank you!

kthorngren

They display in this example:
https://datatables.net/extensions/buttons/examples/styling/bootstrap4.html

Do you get any errors in your browser's console?

Can you post a link to your page or create a test case showing the issue?
https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

Maybe you can try the download builder to see if it helps:
https://datatables.net/download/index

Kevin