开发者

Can't get the exact DataTables theme like on their website!

开发者 https://www.devze.com 2023-03-06 12:56 出处:网络
I started using DataTables which is a jquery plugin. I followed all the instructions carefully, and the table is working nice, but with theme problems. I am trying to get the exact style as on their w

I started using DataTables which is a jquery plugin. I followed all the instructions carefully, and the table is working nice, but with theme problems. I am trying to get the exact style as on their website demo.

Here are the styles am including:

<link type="text/css" rel="stylesheet" href="/public/js/DataTables/media/css/demo_table.css">

<link type="text/css" rel="stylesheet" href="/public/js/jqueryui/css/smoothness/jquery-ui-1.8.13.custom.css">

And here are the scripts:

<script src="/public/javascripts/jquery-1.5.2.min.js" type="text/javascript" charset="utf-8"></script>



<script src="/public/js/DataTables/media/js/jquery.dataTables.js" type="text/javascript" charset=开发者_JAVA百科"utf-8">

</script>

<script src="/public/js/jqueryui/js/jquery-ui-1.8.13.custom.min.js" type="text/javascript" charset="utf-8">

And I use jquery like:

 $(function(){
        var oTable = $('#myTable').dataTable({
            "bJQueryUI": true,
        });

And here is what I get: ![enter image description here][1]

I am trying to get the same look as the table in that page:

http://www.datatables.net/


You should also add the option "sPaginationType": "full_numbers".

Try like this:

$('#example').dataTable( {
    "bJQueryUI": true,
        "sPaginationType": "full_numbers"
} );

If the problem are the colors, those depend from the Jquery UI theme you have downloaded. I think on datatables.net they use the theme 'Smoothness'...anyway, look here

0

精彩评论

暂无评论...
验证码 换一张
取 消