Quantcast
Channel: Free community support — DataTables forums
Viewing all articles
Browse latest Browse all 35377

Pagination controls are not in boxes - CSS problem?

$
0
0

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" >


Viewing all articles
Browse latest Browse all 35377

Trending Articles