jQueryのTablesorter Pager-セットは、最初の行を表示しました
-
19-09-2019 - |
質問
私はここからTableSorterやポケットベルのプラグインを使用しています: http://tablesorter.com/docs/する
私のインデックスが私の行はむしろ開始よりも、示されているので、私は、テーブルには、結果11-20の「ページ」を表示する、14の場合は、私は、テーブルには、例えば、いくつかの定義されたindex-で始まる結果を表示したいです結果を示すデフォルトのページ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")});
だから、誰もがよりエレガントな、効率的なソリューションを提案することができますか?
解決
私は、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 %>});
所属していません StackOverflow