Quantcast
Channel: DataTables 1.9 — DataTables forums
Viewing all articles
Browse latest Browse all 1816

applying ui theme

$
0
0
Hi, all!
I'm newbie in css & js. I'm trying use dataTable, but can't apply jquery ui theme successfuly.
    <style type="text/css">
      @import "media/css/demo_page.css";
      @import "media/css/demo_table.css";
    </style>
    <style type="text/css">
@import "media/redmond/jquery-ui-1.10.3.custom.css";
</style>

    <style type="text/css">
       .fg-toolbar { font-size: 0.8em;
                    margin : 1px;
                    padding: 1px;}
       }
    </style>

    <script type="text/javascript" src="media/js/jquery.js"></script>
    <script type="text/javascript" charset="utf-8" src="media/js/jquery.dataTables.js"></script>
    <script type="text/javascript">
    $(document).ready( function () {
        $('#table_id').dataTable(
            { 
            "oSearch" : {"sSearch": ""},
            "bJQueryUI": true,

            "iDisplayLength": 5,
            "bLengthChange": false,
            "sPaginationType": "full_numbers",
            "oLanguage": {"sSearch": "Фильтр:", "sPageFirst": "первый"}
            } );        
} );
    </script>    
      </head>
  <body>

      <table id="table_id" class="display" cellpadding="0" cellspacing="0" border="0">
      <thead>
    <tr>
      <th >First Name</th>
      <th >Last Name</th>
      <th >City</th>
    </tr>
...

after theme applying my pagination controls are stay on each other. i tried to use .fg-toolbar { font-size: 0.8em;, but it does not help

And the next question: how can i localize dataTable. I'm trying use "oLanguage": {"sSearch": "Фильтр:", "sPageFirst": "первый"}, but it works only for sSearch control. sPageFirst, sNextPage and etc. - does not work

Thx.

Viewing all articles
Browse latest Browse all 1816

Trending Articles