Pagination controls are not in boxes - CSS problem?

Pagination controls are not in boxes - CSS problem?

MaukaMauka Posts: 2Questions: 1Answers: 0
edited December 2014 in Free community support

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

  • allanallan Posts: 61,744Questions: 1Answers: 10,111 Site admin

    Can you please link to the page in question so we can take a look and debug it.

    Thanks,
    Allan

  • MaukaMauka Posts: 2Questions: 1Answers: 0

    Runs on an intranet, will work on a working sample. Thanks for the reply.

This discussion has been closed.