Ugrás a fő tartalomhoz

WP Table Manager : Styling Tables

1. Formátum

Az eszköztáron beállíthatja a cellák stílusát, például: betűtípus, betűméret, szövegstílus, cella háttérszíne, szöveg színe, cella vízszintes és függőleges igazítása, ... Alkalmazható egy cellára vagy több cellára

 

style-asztal

 

Kiválaszthatja a táblázatszerkesztő százalékát. Ez azt jelenti, hogy nagyíthatja/kicsinyítheti a táblázatot, 50% és 200% között.

 

nagyítás-kicsinyítés

 

A sor magassága és oszlopszélessége pixelben határozható meg. Nyissa meg a Menü Formátum > Oszlop/sorméret alkalmazása menüpontot , majd válassza az Oszlop átméretezése/Sor átméretezése lehetőséget . A felugró ablakban kiválaszthatja a tartományt, és beállíthatja a px oszlopokat vagy sorokat. A befejezéshez kattintson a Kész

 

resize-oszlop

 

2. Témák és lehetőségek

Mindegyik táblázatban megtalálja a Témaválasztás opciót a Menü Téma menüpontjában. Csak kattintson egy témára az alkalmazáshoz.

Téma alkalmazása minden adatot és stílust kicserél a táblázatban. Tehát a folytatás egy téma alkalmazása, majd az adatok szerkesztése a saját téma létrehozásához, majd a táblázatok másolása.

 

témaválasztás

Alternatív színek

Ugyanazon a Menütéma > Alternatív színek az „Automatikus stílus” funkció segít kiszínezni az asztal vonalát a Fejlécstílus és a Lábléc stílusozási lehetőségeivel. Kiválaszthatja a sablonstílusokat, vagy elkészítheti sajátját a bővítmény beállításainál.

 

téma-alter-szín

 

Az alternatív színt pedig úgy távolíthatja el, hogy rákattint az "Eltávolítás >  Automatikus stílus eltávolítása" lehetőségre a jobb gombbal kattintva. Ezután a szín törlődik a megerősítést követően.

 

eltávolítás-alternatív-szín

 

Táblázat igazítás

A táblázat igazítása a teljes táblát tartalmazó div igazítását jelenti, például az összes táblázatot középre igazítja. Megtalálható a Menüformátum > Táblázatigazítás menüpontban .

 

asztal-align

Cellák kiemelése

Opcióként cellakiemelés is elérhető. Ezt a funkciót a konfigurációban engedélyezheti. Alapértelmezés szerint le van tiltva. Kiválaszthatja a kiemelési sort a kiemelés színének és átlátszatlanságának beállításához.

 

asztal-kiemelés

 

3. Adjon hozzá elemleírást a cellákhoz

A táblázat minden celláján megjelenik az Eszköztipp hozzáadása opció, ha rákattint a jobb gombbal.

 

add-tooltip

 

Az eszköztipp szélességét pixelben állíthatja be. Egy szerkesztővel ellátott elemleíráshoz viszi a szerkesztést.

 

tooltip-szerkesztő

 

Adjon hozzá tartalmat és mentse, kész, az eszköztipp megjelenik a nyilvános oldalon, amikor az egeret mozgatja.

 

tooltip-hover

 

4. Sor- és oszlopfagyasztás

Oszlop lefagyasztása

Menüformátum > Reszponzív beállítások menüpontban érhető el . Legfeljebb 5 oszlopot rögzíthet. Az első oszloptól számítják.

 

fagyasztóoszlop

 

A fóliák / sorok fagyasztásához van egy további lehetőség, amely lehetővé teszi az asztal magasságának rögzítését (mert az asztaltárolója végtelen magasságú lehet).

 

asztalmagasság

 

Ha kiválasztotta a rögzíteni kívánt oszlopot, görgethet a táblázaton, és mindig megjelenítheti a rögzített oszlopot.

 

fix-line-megjelenítés

 

Sorok lefagyása

Megtalálható a Menüformátum > Táblázat fejléce , innen lehet bekapcsolni az opciót, és beállítani a sorok rögzítését (legfeljebb 5 sor).

 

row-freeze-table-header

 

Ha be szeretné állítani az asztal magasságát, kérjük, térjen vissza a Reszponzív beállításokhoz.

Ezután a beállítást követően az első sor rögzítésre kerül a frontenden.

 

sorfagyasztás

 

5. Rendezés és szűrők

Ha rendezni vagy szűrni szeretné a táblázatot, lépjen a Menüformátum > Rendezés és szűrők lehetőségre.

 

válogatás-szűrő

 

Ezután megjelenik egy felugró ablak, amely rendezési és szűrési lehetőségeket tartalmaz. 

 

filter-sort-popup

 

Ha rendezni szeretne egy táblázatot, egyszerűen engedélyezze a Frontend rendezhetőségét . Kiválaszthat egy oszlopot az alapértelmezett rendezéshez és annak irányát.

Például ebben az esetben válassza ki az A oszlopot ASC irányú .

 

rendezési lehetőségek

 

2 lehetőség van a szűrésre:

 

szűrő-opciók

 

  • Oszlopon belül: az egyes oszlopok fejlécében szűrheti az adatokat. A váltógomb segít megjeleníteni vagy elrejteni a keresőmezőt a fejlécben.

 

szűrő-belül-oszlop

 

  • Speciális szűrési űrlap: az opció kiválasztása után egy táblázatban kereshet és szűrhet adatokat

 

fejlett szűrő

 

Fő keresés: Ha engedélyezi ezt a funkciót, egy keresési beviteli mezőt ad hozzá a kezelőfelülethez. Ez lehetővé teszi a felhasználók számára, hogy könnyen kereshessenek a táblázat összes adatában.

 

fő-keresés

 

6. Cellák kitöltése és szegélysugár

Az eszköztáron található a szegély ikon, amely segít beállítani a kitöltést és a szegély sugarát a cellán.

 

padding-határ

 

Vegye figyelembe, hogy ha témát alkalmazott, néhány egyéni css automatikusan hozzáadódik. Természetesen továbbra is szerkesztheti.

 

7. Egyéni CSS

Lépjünk egy lépéssel tovább. , akkor a Menüformátum > Egyéni CSS menüpontban adhat hozzá css-t

 

méret-custom-css

 

A CSS kód kódtükörrel színezett és kevesebb CSS-ben írható, ez is működik!

 

custom-table-css

 

A cellák, vonalak és oszlopok koordinátákkal rendelkeznek, amelyek mindegyikét azonosítják, és egyéni css-t alkalmaznak rájuk. R a sor, C az oszlop.

 

css-megjelenítés

 

8. Reszponzív WordPress táblázatok

A táblázataim érzékenyek, vagy kis eszközökön használják a görgetést?

Hiding Cols

WP Table Manager opcionálisan kiemelt eszközzel kezeli az érzékeny tervezést. Alapértelmezés szerint a reszponzív funkció le van tiltva, túlcsordulás lesz (bár mobilon remekül működik). Az oszlopok elrejtése használatához lépjen a Menüformátum > Reszponzív beállítások menüpontra.

 

reszponzív-bújós-col

 

A reszponzív mód fejlett, mobilméreteken megadhatja az oszlopok elrejtésének prioritását.
Ha az oszlopok el vannak rejtve, egy jelölőnégyzetet tartalmazó mobilmenü jelenik meg az oszlopok megjelenítésének/elrejtésének kényszerítéséhez. Az oszlopméret a táblázatszerkesztés során rögzítésre kerül. Ha az összes oszlop mérete túl nagy a tárolóhoz, akkor túlcsordulás lép fel, és könnyen görgethet mobileszközökön.

Táblázat görgetéssel (jobb kis mennyiségű oszlophoz)

 

responsive-table-scroll

 

Táblázat rejtett oszloppal (nagy mennyiségű oszlophoz jobb)

 

57bb0cb0ac948

 

Ismételt fejléc

Ez egy másik lehetőség, ha egy táblázatot szeretne beszúrni a webhely egy kis területére. Lépjen a Menüformátum > Reszponzív beállítások menüpontra. Ezután válassza az Érzékeny típus > Ismételt fejléc lehetőséget.

 

ismételt fejléc

 

Lesznek olyan lehetőségek, amelyek az Ön igényei szerint testreszabhatók:

  • Reszponzív töréspont (px): Válasszon ki egy töréspont értéket pixelben annak meghatározásához, hogy a táblázat mikor váltson át erre a reagáló módra
  • Reszponzív max-magasság (px): Amikor az érzékeny mód be van kapcsolva, a töréspont értékétől függően adjon meg egy maximális magasságot, hogy elkerülje a nagyon hosszú táblázatot.
  • Adaptív mód stílusa: Alapértelmezett stílus alkalmazása ehhez az adaptív módhoz, vagy használja a táblázat színeit

Ezt követően láthatja, hogyan fog kinézni a táblázat a frontenden.

 

ismételt fejléc-frontend

 

az Ismételt fejléc használja és a Szűrés opció engedélyezve van, akkor a mobilnézetben a szövegmezőbe gépelve szűrhet.

 

filter-repeated-header

 

9. Exportálás Excelbe

A táblázat számítógépre mentéséhez lépjen a Táblázat menü menübe , és kattintson az Excel exportálása gombra . Ekkor a fájl típusa *.xlsx lesz a frontendre történő exportálás után.

 

export-excel

 

10. Lapszámozás

minden táblázatkiadásban a Menüformátum > Lapozás menüpontban található A váltógombbal engedélyezheti, és válassza ki az oldalon megjelenítendő sorok számát.

 

oldalszámozás-wptm

 

11. Cellák szegélyének stílusa

A táblázathoz szegélytípusokat alkalmazhat, például szegélyszélességet, szegélyszínt vagy szegélystílust. Először válassza ki a cellatartományt, majd kattintson az ikonra az eszköztáron.

 

határos stílusban

 

12. Táblázat nyomtatása a frontendre

Néha ki kell nyomtatnia a táblázatot. Tehát ahhoz, hogy a Nyomtatás gomb a kezelőfelületen, először navigáljon a Menütáblázathoz, és jelölje be a Nyomtatás gombot.

 

nyomtatási gomb