2014-02-03 3 views
3

Я использую jQuery Datatables с номерами страниц в нижней части таблицы. Тем не менее, я хотел бы переместить его в начало с тех пор, когда номера страниц будут изменены, из-за объема данных (также iDisplayLength, установленного как 100), пользователю требуется прокручивать вверху каждый раз, что раздражает.jQuery Datatables показывает номера страниц наверху

Вот мой код:

 $(function() 
    { 
     oTable = $('#example').dataTable({ 
     "bJQueryUI": true, 
     "sPaginationType": "full_numbers", 
     "iDisplayLength": 100, 
     "sDom": '<"top"<"actions">fpi<"clear">><"clear">rt<"bottom">', 
    }); 
}); 

Это похоже на работу, но он снимает свою «Показать записи» дроу вниз, где я даю возможность для кого-то, чтобы выбрать количество записей, чтобы показать на странице и также удаляет мои стили.

+1

Я думаю, что вам не хватает 'l' (длины), попробуйте' lfpi'. [DataTables sDom] (http://datatables.net/usage/options#sDom). –

+0

Да, я заметил, теперь это работает, спасибо за указание, нужно ли заменять действия на класс css, чтобы вернуть стили? – user2675939

+0

Я не знаю, каковы были ваши предыдущие стили. Каков был ваш код? Я использовал пользовательские классы, поэтому я не знаю, какие из них по умолчанию. Попробуйте использовать код по умолчанию и исследовать сгенерированные классы с помощью [Firebug] (https://getfirebug.com/) или что-то в этом роде, и они применяют их. –

ответ

2

Как указано @azeos, вам не хватает l в sDom. Исправленный код показан ниже:

$(function(){ 
    var oTable = $('#example').dataTable({ 
     "bJQueryUI": true, 
     "sPaginationType": "full_numbers", 
     "iDisplayLength": 100, 
     "sDom": '<"top"<"actions">lfpi<"clear">><"clear">rt<"bottom">' 
    }); 
}); 

См sDom (DataTables 1.9) или dom (DataTables 1.10+) для получения дополнительной информации.

Смежные вопросы