jQuery DataTables - 我无法获得想要的效果

时间:2013-03-22 19:57:15

标签: jquery asp.net-mvc jquery-ui jquery-plugins themeroller

我不确定您需要多少信息来帮助我,所以如果我需要提供更多信息,请告诉我。

我在Themeroller中使用jQuery DataTables。我试图完成这个看起来:

enter image description here

然而,无论我尝试什么,这都是我得到的:

enter image description here

我用红色突出显示了我遇到问题的区域。基本上它是页眉和页脚。我知道图像有点难以看到,但它好像只是部分绘制了页眉和页脚块。据Chrome称,面积为1600像素×12像素。它看起来至少应该是50px或更多。

我包括以下.css文件:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title> - The Exchange Site</title>
        <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <meta name="viewport" content="width=device-width" />
        <link href="/Content/jquery.ui.theme.css" rel="stylesheet"/>
        <link href="/Content/site.css" rel="stylesheet"/>
        <link href="/Content/jquery.dataTables.css" rel="stylesheet"/>
        <link href="/Content/jquery.dataTables_themeroller.css" rel="stylesheet"/>
        <link href="/Content/PagedList.css" rel="stylesheet"/>

我的HTML底部的JavaScript如下:

<script>
    $(document).ready(function () {
        oTable = $('#buyerNotification').dataTable({
            "bJQueryUI": true,
            "sPaginationType": "full_numbers",
            "bProcessing": true,
            "iDisplayLength": 25,
            "aaSorting": [[0, 'desc']]
        });
    });

当我在Chrome中检查页面时,没有生成错误。如果它有助于包含更多,我可以这样做,就像我的HTML,但有很多。

1 个答案:

答案 0 :(得分:0)

here。您是否指定了"bJQueryUI": true选项?