Datatables pagination buttons - Remove unwanted space

Question

Currently my pagination looks as such:

I\'m trying to work out how to remove t

Answer 1

This issue has already been noted in their bug database. You do not need to hack the css.

bootstrap pagination looks bad #39

No need to include DataTables' own stylesheet (jquery.dataTables.css) since Bootstrap and the integration file provide everything that is needed.

So just delete jquery.dataTables.css, and keep dataTables.bootstrap.min.css in your html style sheets.

Answer 2

Oh yes. Easy to reproduce the error. To solve it, add this CSS after other CSS references :

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding : 0px;
    margin-left: 0px;
    display: inline;
    border: 0px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 0px;
}

demo -> http://jsfiddle.net/s6c35ogt/
Try to comment out the added CSS in the top right corner, and you will see the exact same behaviour as you describe.