我不确定您需要多少信息来帮助我，所以如果我需要提供更多信息，请告诉我。
我正在使用带有 Themeroller 的 jQuery DataTables。我正在尝试完成这个外观：
但是，无论我尝试什么，这都是我得到的：
我用红色突出显示了我遇到问题的区域。基本上它是页眉和页脚。我知道图像有点难看，但好像页眉和页脚块只是部分被绘制。根据 Chrome，该区域为 1600 像素 x 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 一样，但它有很多。