Таблицы 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

Похоже, вы устанавливаете для первого столбца ширину 40 пикселей:

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

, но Механизм рендеринга немного шире, чем 40 пикселей, что заставляет строку заголовка переходить в болеечем одна строка, и происходит безобразие.

Странные ссылки внизу выглядят так, как будто вы пропустили немного CSS при копировании.