Can someone, please, help me center this table?

lortz

I tried but I can't manager to center it! I don't want to resize the wrapper because that would cause problems on smaller devices too. I just want to leave the wrapper as it is but center the table header and body. How can I do that?

kthorngren

See if this example helps. If not we will need to see what you have to help. Please post a link to your page or a running test case showing the issue.
https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

Kevin

lortz

Something like this: https://jsfiddle.net/7pkj8q4g/

kthorngren

You have the incorrect CSS. You need to include both the bootstrap.css and the /dataTables.bootstrap4.min.css. With bootstrap styling you don't use jquery.dataTables.css but instead use dataTables.bootstrap4.css. More info can be found in the Bootstrap Styling docs. You can use the Download Builder to get the correct files for the styling framework you are using.

See the updated example:
https://jsfiddle.net/s7oxgcyv/

Kevin

lortz

Thank you so much for the answer! I actually had the css in place but I forgot to include it in the example! I removed "display: block;" from the .resp-table and now it seems okay.