Pagination controls are not in boxes - CSS problem?
Pagination controls are not in boxes - CSS problem?
Not good with CSS or HTML in general. My DataTables with TableTools internal installation is working well except the pagination text and numbers are not rendered in boxes. Normal placement bottom right of table, but the current page number is not highlighted in a box, so user doesn't know which page is current. As in example:
http://www.datatables.net/release-datatables/extensions/TableTools/examples/collection.html
Using the following:
$(document).ready(function(){
$('#datatables').dataTable({
"jQueryUI": true,
"dom": 'T<"clear">lfrtip',
"tableTools": {
"sSwfPath": "extensions/TableTools/swf/copy_csv_xls_pdf.swf",
"aButtons": [
{
"sExtends": "csv",
"sButtonText": "CSV for Excel",
"oSelectorOpts": {
page: 'current'
}
},
{
"sExtends": "copy",
"sButtonText": "Copy to clipboard",
"oSelectorOpts": {
page: 'current'
}
}
]
},
"bPaginate": true,
"sPaginationType":"full_numbers",
"aaSorting":[[1, "desc"]],
"bJQueryUI":true,
"sScrollY": 650,
"sScrollX": "100%",
"sScrollXInner": "110%",
"bScrollCollapse": true,
"bProcessing": true,
"bAutoWidth" : false,
"iDisplayLength": 25
});
})
<link rel="stylesheet" type="text/css" href="media/css/jquery.dataTables.css">
<link rel="stylesheet" type="text/css" href="media/css/dataTables.tableTools.css">
<link rel="stylesheet" type="text/css" href="media/css/jquery.dataTables_themeroller.css">
<style type="text/css" class="init">
<
script type="text/javascript" language="javascript" class="init" >
Answers
Can you please link to the page in question so we can take a look and debug it.
Thanks,
Allan
Runs on an intranet, will work on a working sample. Thanks for the reply.