jquery datatables看起来很奇怪

有没有人知道我的datatable看起来很奇怪？我知道这应该是一件微不足道的事情，但我无法弄清楚，它整天缠着我。样本数据是在http://datatables.net/（无耻地复制1：1，所以这不应该是一个问题）上找到的数据。我不会无意地覆盖任何默认的CSS规则，并且我没有编辑默认的jQuery主题轻弹。jquery datatables看起来很奇怪

这是我如何初始化我的数据表：

$('#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" />

截图DataTable的它的外观：

screenshot of the problem

来源

2011-10-30 Gabriel

AAAA，我忘了我需要的线'<链接类型= “文本/ CSS” 的rel = “样式表的” href = “CSS/demo_table_jui.css”/> '为了它的工作...但仍然排序箭头仍然奇怪possitioned：/ – Gabriel

单元格边界可以固定与'

'这使得线条是水平的。谢谢，你的'

解决方案也适用于我。 –

回答

看起来像是将第一列设置为40px wid E：

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

但渲染引擎比40像素宽一点，即迫使你的标题行换到多行和丑陋发生。

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

来源

2011-10-30 21:51:08

是的确是问题是与遗漏css – Gabriel

行，所以我想通了，以供将来参考，您需要的class='display'位在<table>标签没有它的默认外观将无法正常工作。

和以后还需要

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

来源

2011-10-30 21:54:04 Gabriel

这也解决了我的问题与排序箭头正在换行。 –

jquery datatables看起来很奇怪

回答

相关问题