在 themeroller 中启用数据表主题答案

【问题标题】：Enable datatable themes in themeroller在 themeroller 中启用数据表主题
【发布时间】：2014-03-04 17:11:31
【问题描述】：

According to DataTables.net 启用主题所需要做的就是启用 ThemeRoller 中的选项：

DataTables 完全支持 ThemeRoller 创建的主题，所有你需要做的是在初始化对象中启用标志，并且所需的标记和类将由 DataTables 添加。

我去了ThemeRoller > Gallery > 选择了“开始”主题点击下载。第一部分“UI Core”是唯一包含部分单词“initializ”的部分，默认情况下它们都被选中。但是，我的 DataTable 没有显示主题。

    dtRequest = $('#xyzRequests').dataTable({
        "iDisplayLength": 100,
        "aLengthMenu": [[20, 100, 500, 1000, 5000, -1], [20, 100, 500, 1000, 5000, "All"]]
    });

<table id="xyzRequests">//...

为了进行测试，我在其中安装了一个手风琴控件，然后主题就可以了。

【问题讨论】：

标签： jquery jquery-ui datatables themeroller

【解决方案1】：

为了使用Theme Roller，您需要为数据表启用JQueryUI

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

并确保您在页面上正确链接了所有内容：

<html>
<head>
<title>Yoursite.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

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

<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.13.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.dataTables.min.js"></script>
</head>

见http://datatables.net/forums/discussion/5851/using-themeroller-/p1

【讨论】：

我缺少的一件是财产：bJQueryUI: true,。我猜这就是模糊语句“在初始化对象中启用标志”所意图的文档。
是的，文档不是很清楚。我以前做过，但我仍然需要寻找正确的选项名称。