2013-03-22 1 views
0

Я не уверен, сколько информации вам нужно, чтобы помочь мне, поэтому дайте мне знать, если мне нужно предоставить больше.jQuery DataTables - я не могу получить желаемый эффект, я хочу

Я использую jQuery DataTables с Themeroller. Я пытаюсь выполнить этот взгляд:

enter image description here

Однако, независимо от того, что я стараюсь, это не то, что я получаю:

enter image description here

Я выделил красным цветом области I У меня проблема. В основном это заголовок и нижний колонтитул. Я знаю, что изображение немного сложно увидеть, но это похоже на то, что блоки заголовка и нижнего колонтитула только частично нарисованы. Согласно Chrome, площадь составляет 1600 пикселей на 12 пикселей. Похоже, это должно быть не менее 50 пикселей или больше.

Я в том числе следующих .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"/> 

МОЯ JavaScript в нижней части моего HTML выглядит следующим образом:

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

Когда я инспектировать страницу в Chrome, без ошибок генерируются. Если это поможет включить больше, я могу сделать это, как и мой HTML, но его много.

+0

Вы также можете показать свой html? Только одна строка должна быть хорошей, но видеть структуру таблицы было бы хорошо. поэтому ваш стол .. thead .. tbody с одной строкой –

+0

Я не думаю, что просмотр HTML был бы особенно полезен; все это создается API-интерфейсом DataTables. Рэнди, это было так давно, когда я реализовал мой, что я не помню, почему, но я помню, что сохранял некоторые базовые CSS DataTables, хотя я также использую jQuery UI. Я также добавил некоторые из моих собственных правил для дополнения jQuery UI; похоже, что ваши верхние и нижние колонтитулы не имеют макета. Выберите селектор, который инкапсулирует их и попробуйте помещать на них «переполнение: скрытое». –

+0

это очень полезно, когда мы хотим протестировать в скрипте/jsbin, чтобы узнать, что проблема на самом деле, и посмотреть, можем ли мы ее реплицировать. –

ответ

0

См. here. Вы указали опцию "bJQueryUI": true?

+0

Nevermind. Вы просто добавили javascript, и опция есть. –