在themeroller中启用数据表主题

时间:2014-03-04 17:11:31

标签: jquery jquery-ui datatables themeroller

According to DataTables.net我需要做的就是启用主题是在ThemeRoller中启用选项:

  

DataTables完全支持ThemeRoller创建的主题   需要做的是启用初始化对象中的标志,以及   所需的标记和类将由DataTables添加。

我去了ThemeRoller>图库>选择“开始”主题点击下载。第一部分“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"> // ...

为了进行测试,我在那里打了一个手风琴控制器,那个主题就好了。

1 个答案:

答案 0 :(得分:2)

要使用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