如何为jquery数据表使用ui主题？

我一直试图将“平滑度”主题添加到jquery数据表中，但没有成功。 我的数据表就是没有样式

这是我的头代码：

<style type="text/css" title="currentStyle">
    @import "/DataTables/media/css/smoothness/jquery-ui-1.8.21.custom.css"
</style>
<script type="text/javascript" language="javascript" src="DataTables/media/js/jquery.js"></script>
<script type="text/javascript" language="javascript" src="DataTables/media/js/jquery.dataTables.js"></script>
<script type="text/javascript" language="javascript" src="DataTables/media/js/jquery-ui-1.8.21.custom.min.js"></script>
<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        $('#join').dataTable( {
                "bJQueryUI": true,
                "sPaginationType": "full_numbers"
            } );
    } );    
</script>

@导入“/DataTables/media/css/smoothness/jquery-ui-1.8.21.custom.css”
$（文档）.ready（函数（）{
$（'#join'）。数据表（{
“bJQueryUI”：没错，
“sPaginationType”：“完整编号”
} );
} );    

这是身体的形状：

<table id="join" cellpadding="0" cellspacing="0" border="0" class="display" width="80%">
<thead>
    <tr>
        <th>Column 1</th>
        <th>Column 2</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>Row 1 Data 1</td>
        <td>Row 1 Data 2</td>
    </tr>
    <tr>
        <td>Row 2 Data 1</td>
        <td>Row 2 Data 2</td>
    </tr>
</tbody>

第1栏
第2栏
第1行数据1
第1行数据2
第2行数据1
第2行数据2

我到底做错了什么

---

感谢您的帮助。

您需要导入

jquery.dataTables\u themeroller.css

文件，以便它能够处理主题。或者，如果您不使用主题，那么只需使用

jquery.dataTables.css

您还应该尝试像这样导入css

<link rel="stylesheet" href="DataTables/media/css/smoothness/jquery-ui-1.8.21.custom.css"/>
<link rel="stylesheet" href="DataTables/media/css/jquery.dataTables_themeroller.css"/>

因此，最终您的css没有被导入，因此您的表没有应用任何格式设置

即使在这些天（3年后），这个问题仍然存在。我没有像建议的那样使用

theme\u roller

在大多数情况下，问题是：

• 错误的排序样式或javascript文件
• 未能加载所需的任何文件
• 冲突或使用扩展样式覆盖主题
• 扩展未初始化（例如

  dom:“Bfltip”

  ）

要将jQueryUI主题与DataTables（在当前版本1.10.8中）一起使用，下一个订单ony对我有用：

CSS

dataTables.jqueryui.css

平滑度/jqueryui.css

JS

jquery.js

jqueryui.js

jquery.dataTables.js

dataTables.jqueryui.js

$（文档）.ready（函数（）{
变量表=$（“#数据容器”）；
table.DataTable（{}）；
});
@import url（“//cdn.datatables.net/1.10.8/css/datatables.jqueryui.css”）；
@导入url（“//code.jquery.com/ui/1.11.3/themes/smoothness/jquery ui.css”）

职位开始日期
蝙蝠侠172015-12-26
马尔科·克拉耶维奇182015-12-26
超人12015-06-29
您是否收到任何控制台错误？我添加了
@import”/DataTables/media/css/jquery.DataTables\u themeroller.css“
，但它仍然没有样式。谢谢。你有那些地方的文件吗？你用的是什么浏览器？检查控制台是否有任何错误errors@akrabi我也更新了我的答案。试着像那样导入你的样式表，这样就成功了！真不敢相信这就是问题所在。非常感谢。我不太确定我是否完全理解每个包含的.js文件的用途。它们各自增加了什么功能？
<style type="text/css" title="currentStyle">
   @import url("DataTables/media/css/smoothness/jquery-ui-1.8.21.custom.css");
   @import url("DataTables/media/css/jquery.dataTables_themeroller.css");
</style>