Droptables: Stílustábla

1. Formázás táblázatban

Az eszköztáron beállíthatja a cellák stílusát, például: betűtípust, betűméretet, szövegstílust, cella háttérszínét, szövegszínt, cella vízszintes és függőleges igazítását,... Alkalmazható egyetlen cellára vagy több cellára is.

A sormagasság és az oszlopszélesség pixelben adható meg. Kérjük, lépjen a Formátum menü > Oszlop-/sorméret alkalmazása, 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 képpontokat az oszlopokhoz vagy sorokhoz. a Kész A befejezéshez

2. Téma és rendezési lehetőségek

Minden táblázatban megtalálja a Téma kiválasztási menüpont alatt Téma. Kattintson egy témára az alkalmazásához.

Ugyanebben a Menü Téma > Alternatív színekaz „Automatikus stílus” funkció segít a táblázat vonalának színezésében a Fejléc és a Lábléc stílusbeállításaival. Kiválaszthatod a sablonstílusokat, vagy létrehozhatod a sajátodat a bővítmény beállításaiban.

A rendezhető paraméter lehetővé teszi az AJAX adatok rendezését a frontend rendszeren. Ezt a Formátum > Rendezés.

menüpontban találja Ezt a Formátum > Táblázat igazítása.

A cellakiemelés opcióként is elérhető. A konfigurációban engedélyezheti a Vonal, Oszlop vagy Mindkettő opciókat .Alapértelmezés szerint le van tiltva. A kiemelés színét és átlátszóságát módosíthatja.

3. Eszköztipp hozzáadása a cellákhoz

látható az Eszközleírás jobb gombbal kattintva

A tooltip szélességét pixelben állíthatod be. Ez egy szerkesztőfelületet nyit meg, ahol szerkesztheted az elemleírást.

Tartalom hozzáadása és mentés, kész is, az eszköztipp nyilvános oldalon jelenik meg, ha az egér fölé viszi.

4. ACL és Frontend adminisztráció

A táblázatok kezelése a Joomla frontendjéből is lehetséges. A Joomla menükezelőjében adj hozzá egy új menüpontot , típusként válaszd válaszd Droptables sablonként

Így láthatja Droptables Managert a frontendből.

A Joomla felhasználói csoport ACL-lel vezérelheted a táblaszerkesztési műveleteket. Először is, hogy beállítsd, kik tekinthetik meg a táblákat, menj a Felhasználói szerepkörök lapra Droptables konfigurációjában.

menüpontban állíthatja be Tábla > Táblahozzáférés

5. Sorok és oszlopok rögzítése

Oszlopfagyasztás

menüben érhető el Formátum > Reszponzív beállítások. Legfeljebb 5 oszlopot rögzíthet. Az első oszloptól számítva.

A sorok/oszlopok fagyasztásához van egy további opció, amely lehetővé teszi a táblázat magasságának rögzítését (mivel a táblázat konténerének végtelen magassága lehet).

Miután kiválasztotta a rögzíteni kívánt oszlopot, görgethet a táblázatban, és mindig a rögzített oszlop fog megjelenni.

Sorok befagyasztása

találod A Formátum > Táblázatfejléc menüpontban, itt bekapcsolhatod az opciót, és beállíthatod a sorok rögzítését (maximum 5 sor).

Ha be szeretnéd állítani a táblázat magasságát, kérlek, térj vissza a Reszponzív beállításokhoz.

Ezután az első sor a beállítás után lefagy a frontend rendszeren.

6. Oszlopadatok szűrése

menüpontban a Formátum > Szűrők. Aktiválásához kattintson a nyilvános adatszűrési mezők engedélyezésére.

Szűrőkre példa:

7. Cellakitöltés és szegélysugár

A szegély ikonját az eszköztáron találod, amellyel a cella kitöltés és a szegély sugarának beállításához használható.

8. Egyéni CSS

adhatsz hozzá a Formátum > Egyéni CSS menüpontban. 

A cellák, sorok és oszlopok koordinátákkal rendelkeznek, amelyekkel azonosítani lehet őket, és egyéni CSS-t lehet alkalmazni rájuk. R a sor, C az oszlop. Itt ez az 1. sor (r1), 4. oszlop (c4) = dtr1 dtc4

A CSS kód színezése kódtükörrel történik. A CSS kód lehet kevesebb kódból is, ez is működik!

9. Reszponzív Joomla táblák

Reszponzívak a táblázataim, vagy görgetőgombot használnak kisebb eszközökön?

Oszlopok elrejtése

Droptables használatához Az Oszlopok elrejtése menüpontban kell kiválasztani a Menü Formátum > Reszponzív beállítások

A reszponzív mód fejlett, prioritást adhatsz meg az oszlopok elrejtéséhez mobil méretekben. Amikor az oszlopok rejtve vannak, egy jelölőnégyzettel ellátott mobilmenü jelenik meg az oszlopok megjelenítésének/elrejtésének kikényszerítéséhez. 
Az oszlopméret a táblázat szerkesztése során rögzített. Ha az összes oszlop mérete túl nagy a tárolóhoz, akkor túlcsordulás keletkezik, és könnyen görgethetsz mobileszközökön.

Görgetős táblázat (kis oszlopszám esetén jobb)

Rejtett oszloppal rendelkező táblázat (jobb sok oszlop esetén)

Ismétlődő fejléc

Ez egy másik lehetőség, ha egy táblázatot szeretne beszúrni a webhely egy kis területére. Ehhez lépjen a Menü Formátum > Reszponzív beállítások menüpontra.  Ezután válassza a Reszponzív típus > Ismétlődő fejléc lehetőséget.

Lehetőségek lesznek az Ön igényeinek megfelelően testreszabni:

• Reszponzív töréspont (px): Válasszon ki egy töréspont értéket pixelben, amely meghatározza, hogy a táblázat mikor váltson át erre a reszponzív módra.
• Reszponzív maximális magasság (px): Amikor a reszponzív mód aktiválva van, a töréspont értékétől függően definiáljon egy maximális magasságot a túl hosszú táblázat elkerülése érdekében.
• Reszponzív mód stílusa: Alapértelmezett stílus alkalmazása erre a reszponzív módra, vagy a táblázat színeinek használata

Ezután láthatod, hogyan fog kinézni a táblázat a frontend felületen.

10. Táblázat letöltése

A táblázat nyilvános megosztásához lépjen a Táblázat menüpontra, és jelölje be az Excel exportálása gombot . A fájltípus *.xlsx lesz a felhasználói felületen történő letöltéskor.

11. Törölvényezés

találod Formátum > Oldalszámozás menüpontban minden táblázatkiadásban a 

12. Egyedi cellák formátuma 

-ben beállíthatod az egycellás(ok) formátumát: Dátum/idő, Pénznemek, Szám Droptables. Először ki kell választanod egy/több cellát. Ezután menj a Formátum > Dátum/idő menüpontra.

Ezután a pénznemek és a számok megadása ugyanígy történhet.

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

Néha szükség van a táblázat kinyomtatására. Tehát ahhoz, hogy a Nyomtatás gomb a kezelőfelületen, először lépjen a Táblázat menübe , és jelölje be a Nyomtatás gomb opciót.