jQuery tablesorter pager- Set première ligne affichée
-
19-09-2019 - |
Question
J'utilise le tablesorter et plugin Pager d'ici: http://tablesorter.com/docs/
Je veux la table pour afficher les résultats à partir de certains indicielle défini par exemple, si mon index est 14 ans, je veux la table pour afficher la page "des résultats 11-20, donc ma ligne est représentée, plutôt que de partir à la page par défaut 1, montrant les résultats 1-10.
J'ai ce travail comme prévu, mais avec un code assez laid ..
D'abord, je travaille sur la page qui doit être affiché (C #):
int index = 24;
int pageToDisplayFirst = 1;
while (true)
{
if (index - 10 > 0)
{
pageToDisplayFirst++;
index -= 10;
}
else
{
break;
}
}
Alors je mis la page par cette boucle terrible:
for(var i = 0; i < <%= pageToDisplayFirst %>; i++) {
$(".next").trigger("click");
}
Voici le code d'initialisation jQuery, rien de spécial:
$("table.tablesorter").tablesorter({
cssAsc: 'sortasc', cssDesc: 'sortdesc', cssHeader: 'unsorted',
sortList: [[0,0]]
}).tablesorterPager({container: $("#pager")});
Ainsi peut-on proposer une solution efficace plus élégante?
La solution
Je ne sais pas c #, mais vous pouvez simplement faire ceci:
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
};
Peut-être cela fonctionne
$("table.tablesorter").tablesorter({
cssAsc: 'sortasc', cssDesc: 'sortdesc', cssHeader: 'unsorted',
sortList: [[0,0]]
}).tablesorterPager({container: $("#pager"), page: <%= pageToDisplayFirst %>});