Column visibility button doesn't seem to work with bootstrap 5

easynow

I've setup a basic DataTables example using the column visibility button. This works fine when bootstrap isn't enabled, but when it is the modal showing the list of columns does not work, see example shown in JSfiddle, i.e. removing

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.2.0/css/bootstrap.min.css">

makes the button work, but it won't work with bootstrap.

https://jsfiddle.net/easynow/9yt0o6js/3/

kthorngren

You need to load the Bootstrap 5 style integration files. See the Styling docs for details. Use the Download Builder to get the appropriate files. See this updated example:
https://jsfiddle.net/gdka1txu/

Kevin

easynow

Perfect, that works. Thank you!