Jquery数据表看起来很奇怪

Question

有人知道我的数据表看起来很奇怪吗？我知道它应该是微不足道的，但我无法理解它，它一整天都在困扰着我。样本数据是在http://datatables.net/上找到的数据（以1：1无耻地复制，所以这应该不是问题）。我没有意外覆盖任何默认的CSS规则，我没有编辑默认的jquery主题电影。

这是我初始化我的数据表的方式：

$('#datatable').dataTable({ 
    "bJQueryUI": true,
    "sPaginationType": "full_numbers",
    "bSaveState": true,
    "aoColumnDefs": [
        {'sWidth':'40px', 'aTargets':[0]},
        {'sWidth':'350px', 'aTargets':[1]},
        {'sWidth':'350px', 'aTargets':[2]}
    ]});

这就是我<header>的样子：

<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.dataTables.min.js"></script>
<link type="text/css" rel="stylesheet" href="css/flick/jquery-ui-1.8.16.custom.css" />
<link type="text/css" rel="stylesheet" href="css/css3.css" />

数据表的屏幕截图：

Answer 1

好的，所以我想出来，为了将来参考，您需要 class='display'标记中的<table>位，如果没有它，默认外观将无效。

以后你还需要

<link type="text/css" rel="stylesheet" href="css/demo_table_jui.css" />

Answer 2

您似乎将第一列设置为40px宽：

{'sWidth':'40px', 'aTargets':[0]},

但是渲染引擎比40px宽一点，这会强制您的标题行换行到多行，并且会发生丑陋。

底部奇怪的寻呼链接看起来像你在复制时错过了一些CSS。