jQuery Tablesorter Pager- Установить первую отображаемую строку
Я использую плагин TableSorter и Pager отсюда: http://tablesorter.com/docs/
Я хочу, чтобы в таблице отображались результаты, начиная с некоторого определенного индекса - например, если мой индекс равен 14, я хочу, чтобы в таблице отображалась "страница" результатов 11–20, поэтому моя строка отображается, а не начинается по умолчанию. страница 1, показывающая результаты 1-10.
У меня это работает, как ожидалось, но с некоторым довольно уродливым кодом..
Сначала я прорабатываю страницу, которая должна отображаться (C#):
int index = 24;
int pageToDisplayFirst = 1;
while (true)
{
if (index - 10 > 0)
{
pageToDisplayFirst++;
index -= 10;
}
else
{
break;
}
}
Затем я установил страницу этим ужасным циклом:
for(var i = 0; i < <%= pageToDisplayFirst %>; i++) {
$(".next").trigger("click");
}
Вот код инициализации jQuery, ничего особенного:
$("table.tablesorter").tablesorter({
cssAsc: 'sortasc', cssDesc: 'sortdesc', cssHeader: 'unsorted',
sortList: [[0,0]]
}).tablesorterPager({container: $("#pager")});
Так кто-нибудь может предложить более элегантное, эффективное решение?
1 ответ
Я не знаю, C#, но вы могли бы просто сделать это:
pageToDisplayFirst = Math.floor(index / itemsPerPage + 1)
//found this code in the plungin source
this.defaults = {
size: 10,
offset: 0,
page: 0, <<<<
totalRows: 0,
totalPages: 0,
container: null,
cssNext: '.next',
cssPrev: '.prev',
cssFirst: '.first',
cssLast: '.last',
cssPageDisplay: '.pagedisplay',
cssPageSize: '.pagesize',
seperator: "/",
positionFixed: true,
appender: this.appender
};
может у тебя это сработает
$("table.tablesorter").tablesorter({
cssAsc: 'sortasc', cssDesc: 'sortdesc', cssHeader: 'unsorted',
sortList: [[0,0]]
}).tablesorterPager({container: $("#pager"), page: <%= pageToDisplayFirst %>});