Lapozás a táblázatban

Ha a táblázat sok sort tartalmaz, érdemes oldalakra bontani. Két dolog kell hozzá: a lekérdezés megmondja, hány sor jelenjen meg egy oldalon, a Lapozás elem pedig a lapozógombokat rajzolja ki a táblázat alá. Az elem a JetSmartFilters bővítménytől jön, ezért ez is legyen aktív a JetEngine mellett.

Mire lesz szükséged

• Elementor (az ingyenes változat elég) vagy a Gutenberg szerkesztő.
• Aktív JetEngine és JetSmartFilters.
• Egy kész táblázat a Tables Builder oldalon, lásd a Táblázat létrehozása fejezetet.

1. A lekérdezés beállítása

A táblázat sorai a hozzá kötött lekérdezésből jönnek, ezért a sorok számát is ott állítod be.

1. Nyisd meg a JetEngine → Lekérdezéskészítő oldalt, és szerkeszd meg a táblázat lekérdezését (vagy hozz létre újat az Új hozzáadása gombbal).
2. Az Egyéni lekérdezés-ID mezőbe írj egy egyedi azonosítót, például table-pagination. Ez köti össze a lekérdezést, a lapozást (és a szűrőket) és a táblázatot, ezért ugyanennek kell lennie mindhárom helyen. Az azonosító ne számmal kezdődjön.
3. Nyisd meg a lekérdezés beállításai között a Lapozás fület, és a Bejegyzések oldalanként mezőbe írd be, hány sor jelenjen meg egy oldalon (például 2). A -1 az összes bejegyzést megjeleníti.
4. Kattints a Lekérdezés frissítése gombra.

https://minta-bolt.hu/wp-admin/admin.php?page=jet-engine-query&query_action=edit&id=3

A kép azt mutatja, hogy a lekérdezésnek saját azonosítója van: ez különbözik a Valódi lekérdezés-ID-tól, amit a rendszer magától ad.

https://minta-bolt.hu/wp-admin/admin.php?page=jet-engine-query&query_action=edit&id=3

A Bejegyzések oldalanként mezőben szereplő szám lesz a táblázat egy oldalának sorszáma. Más lekérdezéstípusnál (például termékeknél vagy SQL-nél) a lapozás beállítása hasonló, de a mező neve eltérhet; ha van Lapozás engedélyezése kapcsoló, azt is kapcsold be.

A Lapozás fülön további mezők is vannak: Eltolás (ennyi bejegyzést kihagy az elejéről; ha megadod, a lapozás nem működik), Lapozott és Oldal (adott oldalszám fix megjelenítése), valamint a Kiemelt bejegyzések figyelmen kívül hagyása kapcsoló.

Ha a lekérdezésben csökkented a darabszámot, a táblázat az oldalon azonnal annyi sort mutat, amennyi az új érték. Ezzel a lapozó elem nélkül is korlátozhatod a megjelenő sorokat, a többi sor viszont nem érhető el, amíg nincs lapozó.

2. A táblázat azonosítója

Az oldalon a Dynamic Table elemnek is ugyanazt az azonosítót kell kapnia, amit a lekérdezésben megadtál.

1. Kattints a táblázat elemére az Elementorban.
2. Nyisd meg a Haladó fület, és az Elrendezés részben írd be a CSS ID mezőbe: table-pagination.

3. Lapozás elem Elementorban

1. Húzd be a Lapozás elemet (a keresőben „Lapozás” szóra találod) a táblázat alá.
2. A Tartalom fülön a Lapozás ehhez listából válaszd a JetEngine Dynamic Table szolgáltatót, így tudja a lapozó, melyik táblázathoz tartozik.
3. Az Alkalmazás típusa lehet AJAX (az oldal újratöltés nélkül frissül), Oldal újratöltése vagy Vegyes.
4. A Lekérdezés ID mezőbe írd be a lekérdezés azonosítóját: table-pagination.
5. A Vezérlők részben bekapcsolhatod az előző és a következő gombot, megadhatod a feliratukat, és beállíthatod, hány oldalszám látsszon az aktuális oldal körül és a lista két végén (eltolás).
6. A Stílus és a Haladó fülön igazíthatod a megjelenést.
7. Mentsd, tedd közzé az oldalt.

https://minta-bolt.hu/wp-admin/post.php?post=17&action=elementor

A kép a szolgáltató, az alkalmazás típusa és a lekérdezés azonosítójának beállítását mutatja.

4. Eredmény az oldalon

A táblázat alatt megjelennek a lapozógombok. Az oldalszámra kattintva a táblázat a következő sorokat mutatja.

https://minta-bolt.hu/konyvek-lapozas-szuro/

https://minta-bolt.hu/konyvek-lapozas-szuro/

Az első képen az oldalszámok mellett a Következő gomb látszik, a másodikon az Előző. A képeken a keresőmező és a szerző szerinti lista a Szűrők a táblázatban fejezetből való.

Lapozás Gutenbergben

A lekérdezés és a táblázat beállítása ugyanaz. Különbség a lapozó elemnél van:

1. A szerkesztőben kattints a plusz ikonra, keresd meg a Lapozás blokkot, és húzd a táblázat alatti területre.
2. A szolgáltatónál válaszd a JetEngine Dynamic Table elemet, hogy a lapozás a táblázathoz tartozzon.
3. Az Alkalmazás típusa listából válassz AJAX vagy Oldal újratöltése között.
4. A Vezérlők fülön bekapcsolhatod az előző/következő gombokat, módosíthatod a feliratukat, és megadhatod az eltolás értékeit.
5. A blokk stílusát a JetStyleManager bővítménnyel alakíthatod; telepítés után egy ecset ikon jelenik meg a képernyő jobb felső sarkában.

Gyakori hiba

Ha a lapozás nem működik, ellenőrizd, hogy a lekérdezés Egyéni lekérdezés-ID-ja, a lapozó Lekérdezés ID mezője és a táblázat CSS ID-ja pontosan megegyezik, és hogy a lapozó szolgáltatója JetEngine Dynamic Table.