Question

我开始使用DataTables这是一个jquery插件。我仔细地遵循了所有说明，表格很好，但主题问题。我试图在他们的网站演示中获得确切的样式。

以下是样式：

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

以下是脚本：

<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="utf-8">

</script>

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

我使用jquery：

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

以下是我得到的：！[在此输入图像说明] [1]

我试图获得与该页面中的表格相同的外观：

http://www.datatables.net/

Answer 1

您还应该添加选项“sPaginationType”：“full_numbers”。

试试这样：

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

如果问题是颜色，那么这些颜色取决于您下载的Jquery UI主题。我想在datatables.net上他们使用主题'Smoothness'...无论如何，看here

无法在他们的网站上获得确切的DataTables主题！

1 个答案: