Twitter Bootstrap 3

MishaK

Sorry, but paging buttons in http://www.datatables.net/examples/styling/bootstrap.html looks not good. But in http://www.datatables.net/manual/styling/bootstrap all OK.
thanks

sunilsharma3639

Hi Guys,

I am using bootstrap 3.
my JS code

 
 $('#people').dataTable({
    sPaginationType: "full_numbers",
    bProcessing: true,
    bServerSide: true,
    responsive: true,
    sAjaxSource: $('#people').data('source')
  });

pagination not looking good like this http://postimg.org/image/f41aw9n7p/

allan

Have you included the DataTables / Bootstrap integration files? If so, please link to a test page showing the issue, as required in the forum rules so it can be debugged.

Allan

bunny183

Hello, I followed and tried jowin's solution and it works but there's a minor problem. The two "Show Entries" are a bit off. Here's what it looks. http://i.imgur.com/t18Avbs.jpg

Also what are those square boxes after every table headers(ID, First Name, etc)? How do I get rid of it? I also noticed my TableTools collection buttons are offstyle when hovering.

Edit: fixed the TableTools problem by adding to the dataTables.bootstrap.css
ul.DTTT_dropdown.dropdown-menu li {
position: relative;
}

Also, fixed the squarebox and showed the glyphicons by adding this
@font-face {
font-family: 'Glyphicons Halflings';
src: url('../fonts/glyphicons-halflings-regular.eot');
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

Please help me :(