# Táblázat megjelenítése

> A kész táblázat kiírása Elementorral, Gutenberggel és Bricksszel: a Dynamic Table widget, blokk és elem beállításai.

A kész táblázatot az oldalon a szerkesztő saját **Dynamic Table** eleme jeleníti meg. Mindhárom szerkesztőnél ugyanazok a fő beállítások.

| Beállítás | Mit csinál |
| --- | --- |
| **Table** | A megjelenítendő táblázat. A listában a **Tables Builder** táblázatai szerepelnek. |
| **Show column names in table header** | Bekapcsolva az oszlopnevek a táblázat tetején, a fejlécben látszanak. |
| **Show column names in table footer** | Bekapcsolva az oszlopnevek a táblázat alján, a láblécben is látszanak. |
| **Allow horizontal scroll** | Sok oszlopnál bekapcsolva a táblázat vízszintesen görgethető. |
| **Rewrite table query** | Bekapcsolva másik lekérdezést adhatsz meg az elemhez. Így ugyanazt az elrendezést különböző adatokkal is használhatod, és nem kell a táblázatot megkettőzni. |
| **Enable CSV Export** | Bekapcsolva a látogatók CSV-fájlként tölthetik le a táblázat tartalmát. |

## Elementor

1. Nyisd meg az oldalt az Elementor szerkesztőjében.
2. Add hozzá a **Dynamic Table** widgetet az oldalhoz.
3. A **Table** listából válaszd ki a táblázatot.
4. Kapcsold be a szükséges kapcsolókat a fenti táblázat szerint.
5. A **Stílus** fülön formázhatod a táblázatot.
6. Kattints a **Közzététel** gombra.

A widget stílusbeállításai az egész táblázatra vonatkoznak, nem egyetlen oszlopra. Ha a táblázatot csak a widgetben akarod formázni, töröld a **Table Styles** fülön megadott értékeket a táblaszerkesztőben, mert azok felülírják a widget beállításait.

## Gutenberg

1. Nyisd meg az oldalt a blokkszerkesztőben.
2. Add hozzá a **Dynamic Table** blokkot.
3. A **Table** mezőben válaszd ki a táblázatot.
4. Kapcsold be a szükséges kapcsolókat a fenti táblázat szerint.
5. Kattints a **Mentés** gombra.

## Bricks

1. Nyisd meg az oldalt a Bricks szerkesztőjében.
2. Add hozzá a **Dynamic Table** elemet a kívánt szakaszhoz.
3. A **Table** listából válaszd ki a táblázatot.
4. Kapcsold be a szükséges kapcsolókat a fenti táblázat szerint.
5. Kattints a mentés ikonra.

## Eredmény az oldalon

Az oldalon a táblázat a lekérdezés tartalmát mutatja, a megadott oszlopokkal és formátumokkal. A képen a Dynamic Table blokk látható bekapcsolt láblécnévvel: az oszlopnevek alul is megjelennek.

![A táblázat a weboldalon, fejléccel és lábléccel](./kepek/frontend-tabla.webp)

*A táblázat a weboldalon, fejléccel és lábléccel* (https://minta-bolt.hu/tablazat/)