Pagination Buttons styling fixes

Pagination Buttons styling fixes

MECUMECU Posts: 1Questions: 1Answers: 0
edited October 2014 in Free community support

https://rockyprep.com/football/colorado/rpi/2014
http://live.datatables.net/huferoga/3

The pagination buttons at the bottom left are styled a little wrong. I'm using Bootstrap and I have properly used the jQuery dataTables js and css modifiers.

The problem: The LAST is always on the row below. There's also too many borders being applied and some extra borders being applied.

I'm using Chrome. It appears the same in FireFox. IE9 has the LAST on the correct row, but has the extra borders still.

Turning off a few CSS fixes all the problems, but I don't know how to apply this CSS to my table. Disabling these 2 css items fixes things:

.pagination li{display:inline}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:1px solid #d8dcdf}

Image of broken
Image of fixed

This discussion has been closed.