Bootstrap 4 styling issue (from examples page)
Bootstrap 4 styling issue (from examples page)
mmucklo
Posts: 2Questions: 1Answers: 0
There's a bug in your Bootstrap 4 styling CSS.
The page showing how to style with bootstrap4 (https://datatables.net/examples/styling/bootstrap4) includes an additional CSS file called site-examples.css that adds a "border-spacing: 0" style rule that fixes gaps that show up in the table when styling without that file.
If you don't include site-examples.css, the table ends up having an extra gap around the cell borders which looks a bit off.
Other fixes are removing the "dataTables" class off of the table itself, or removing the "border-collapse: separate !important" style off the dataTables set of css rules.
This discussion has been closed.
Answers
Hi @mmucklo ,
This example here is using the Bootstrap4 styling, without the site-examples, and I'm not seeing any odd visuals around the cell borders. If it is there, please could you point it out, I might just be being blind.
Cheers.
Colin
Looks like it was fixed on the 9th of June:
https://github.com/DataTables/DataTables/commit/df4c3d25f85b63420adadb1646da647e74886854
Yes, the latest version of DataTables ships with this fix.
Allan