# Lapozás dinamikus táblához

> Lapozás a JetEngine dinamikus táblájához a blokkszerkesztőben: az oldalankénti elemek száma a lekérdezésben, a Lapozás blokk beállításai.

A lapozás rendezetté teszi a táblát, ha sok sora van. A táblát a JetEngine **Tables Builder** menüpontjában (dinamikus táblák modul) építheted, a lapozást pedig a JetSmartFilters **Lapozás** blokkja adja. A kettő a **JetEngine Dynamic Table** szolgáltatón keresztül kapcsolódik.

## A tábla és a lekérdezése

Előbb legyen kész a tábla a **JetEngine → Tables Builder** oldalon, a hozzá tartozó lekérdezéssel. A tábla az **Új hozzáadása** gombbal készül: neve van, és a **Data Query** listából választod ki a korábban létrehozott lekérdezést.

A táblában megjelenő sorok számát a lekérdezés lapozási beállítása adja meg. Ezt a **JetEngine → Lekérdezéskészítő** oldalon állíthatod.

1. Nyisd meg a **JetEngine → Lekérdezéskészítő** oldalt, és hozz létre új lekérdezést, vagy szerkessz egy meglévőt. A példában **WC terméklekérdezés** típus van, ez a termékek adatait adja.
2. A lekérdezés beállításai között nyisd meg a **Lapozás** szakaszt.
3. Győződj meg róla, hogy a **Lapozás engedélyezése** be van kapcsolva. Ez kell ahhoz, hogy a lekérdezés és a lapozás együtt működjön.
4. A **Korlát** mezőben add meg, hány elem jelenjen meg egyszerre, például 4-et.
5. Kattints a lekérdezés mentésére, és nézd meg az oldalt, amelyen a tábla van.

![A WC terméklekérdezés Lapozás szakasza: lapozás engedélyezve, korlát 4](./kepek/gutenberg-query-lapozas.webp)

*A WC terméklekérdezés Lapozás szakasza: lapozás engedélyezve, korlát 4* (https://minta-bolt.hu/wp-admin/admin.php?page=jet-engine-query&query_action=add)

A képen a **Lapozás** szakasz látszik: a **Lapozás engedélyezése** kapcsoló be van kapcsolva, a **Korlát** értéke 4.

| Beállítás | Mit csinál |
| --- | --- |
| **Lapozás engedélyezése** | Megváltoztatja a lekérdezés eredményét: a visszaadott objektum a `products`, `total` és `max_num_pages` mezőket tartalmazza. A kikapcsolása lekérdezési problémákat okozhat. |
| **Korlát** | A lekérdezett eredmények legnagyobb száma. Korlátlan számhoz `-1`-et írj. |
| **Oldal** | A lekérdezett eredmények oldala. Ha az **Eltolás** is meg van adva, nincs hatása. |
| **Eltolás** | A termékek eltolása. Figyelem: az eltolás felülírja az **Oldal** értékét, és megszakítja a lapozást. |

Ha kevesebb sort szeretnél, nyisd meg a mentett lekérdezést, és csökkentsd a **Korlát** értékét (például 2-re), majd mentsd újra. Az oldalon a tábla azonnal az új számú sort mutatja.

Ha ennél több sort szeretnél elérhetővé tenni, tedd mellé a **Lapozás** blokkot.

## A Lapozás blokk a táblához

1. Szerkeszd az oldalt, amelyen a tábla (**Dynamic Table** blokk) van.
2. Kattints a blokkbeszúrás gombra, és keresd meg a **Lapozás** blokkot. Húzd a tábla alatti részre, vagy kattintással tedd oda.
3. A blokk **Általános** szakaszában a **THIS FILTER FOR** listából válaszd a **JetEngine Dynamic Table** szolgáltatót, így a lapozás a táblához kapcsolódik.
4. Az **APPLY TYPE** listában válaszd az **AJAX** vagy a **Page reload** értéket.

![A Lapozás blokk általános beállításai, a szolgáltató a JetEngine Dynamic Table](./kepek/gutenberg-lapozas-tabla-altalanos.webp)

*A Lapozás blokk általános beállításai, a szolgáltató a JetEngine Dynamic Table* (https://minta-bolt.hu/wp-admin/post.php?post=22&action=edit)

A képen a **THIS FILTER FOR** mezőben a **JetEngine Dynamic Table** áll, az **APPLY TYPE** értéke **AJAX**.

## A vezérlők beállítása

A **Controls** szakaszban a lapozó elemeit szabhatod testre: bekapcsolhatod az előző és következő gombokat, módosíthatod a szövegüket, és megadhatod az eltolásokat.

![A Lapozás blokk Controls szakasza](./kepek/gutenberg-lapozas-tabla-vezerlok.webp)

*A Lapozás blokk Controls szakasza* (https://minta-bolt.hu/wp-admin/post.php?post=22&action=edit)

A képen a **Controls** szakasz látszik kinyitva: az oldalszámok, az előző és következő gombok, a **Hide inactive**, az **Enable Load More** és az **Enable autoscroll** kapcsolója.

A vezérlők részletes leírása a [Lapozás](https://hub.hellowp.io/hu/plugins/jet-smart-filters/altalanos-lapozas/) fejezetben van.

## Megjelenés

A blokk kinézetét a JetStyleManager bővítménnyel alakíthatod. A bővítmény telepítése után a szerkesztő jobb felső sarkában megjelenik egy ecset ikon, ezzel nyílik meg a stílusbeállítás.

Végül nézd meg az oldalt a nyilvános részen: a tábla alatt megjelenik a lapozás, és az oldalszámokra kattintva a tábla újabb sorokat mutat.