DataTable with Bootstrap styling

iainco

I'd like my DataTable to look like the one on the following page: https://datatables.net/manual/styling/bootstrap-simple.html

On the whole my DataTable renders correctly, the bit that doesn't seem to be working is the pagination section - mine displays (in blue) but simply as text like so "Previous123Next" with no bordering etc.

The other input elements such as the search text box are just plain and not using Bootstrap's CSS.

Can anyone suggest anything?

I'm definitely including Bootstrap CSS and the DataTable CSS otherwise the rest of the page (and main part of table) would not render correctly.

I've attached a screenshot to show the issue.

Thanks

iainco

https://jsfiddle.net/ktt9p434/

allan

You need to include the DataTables / Bootstrap integration JS file - updated example.

The easiest way of making sure you get everything is to use the download builder.

Allan

iainco

Thanks a lot, I had googled "DataTables Bootstrap style" and found an example then copied the CSS but didn't see anything else.

That's fixed it for me.