# Lapozás a táblázatban

> Hogyan jeleníts meg sok sort oldalakra bontva: a lekérdezés oldalankénti darabszáma és a Lapozás widget (Elementor) vagy blokk (Gutenberg).

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](https://hub.hellowp.io/hu/plugins/jet-engine-dynamic-tables-module/tabla-letrehozasa/) 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.

![Az Egyéni lekérdezés-ID mező a lekérdezés szerkesztőjében](./kepek/lapozas-szuro-lekerdezes-id.webp)

*Az Egyéni lekérdezés-ID mező a lekérdezés szerkesztőjében* (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.

![A Lapozás fül a Bejegyzések oldalanként mezővel](./kepek/lapozas-szuro-lekerdezes-lapozas.webp)

*A Lapozás fül a Bejegyzések oldalanként mezővel* (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.

![A Lapozás elem Tartalom füle az Elementor szerkesztőjében](./kepek/lapozas-szuro-elementor-lapozas.webp)

*A Lapozás elem Tartalom füle az Elementor szerkesztőjében* (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.

![A táblázat első oldala a lapozóval](./kepek/lapozas-szuro-oldal-elso.webp)

*A táblázat első oldala a lapozóval* (https://minta-bolt.hu/konyvek-lapozas-szuro/)

![A táblázat második oldala, megjelent az Előző gomb](./kepek/lapozas-szuro-oldal-masodik.webp)

*A táblázat második oldala, megjelent az Előző gomb* (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](https://hub.hellowp.io/hu/plugins/jet-engine-dynamic-tables-module/lapozas-szuro-szurok/) 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**.