Ugrás a fő tartalomhoz

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.

 

táblázatos formátum

 

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 befejezéshez a Kész

 

sor-oszlop-méret

 

 

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

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

 

témaválasztás

 

Ha már vannak adatok a táblázatban, és témát alkalmaz, akkor az összes adat eltávolításra kerül. Ha egy új táblázatra alkalmaz témát, példaadatok és stílusok kerülnek hozzáadásra, és szerkeszthetők lesznek.

Ugyanebben a Menü Téma > Alternatív színek az „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ílusának beállításával. Kiválaszthatod a sablonstílusokat, vagy létrehozhatod a sajátodat a bővítmény beállításaiban.

 

alternatív színű

 

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

 

rendezhető-és-szűrő-tábla

 

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

 

táblázat-igazítás

 

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.

 

asztali kiemelés

 

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

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

 

tábla-cella-eszközleírás

 

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

 

tooltip-szerkesztő

 

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.

 

eszköztipp-lebegés

 

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 sablonként válaszd Droptables

 

menü-droptables

 

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

 

Droptables- frontend

 

Megjegyzés: A táblakezelő felület teljes képernyőn történő megjelenítéséhez a frontend felületen a Sablonstílus > Droptables frontend lehetőséget kell választani.

 

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.

 

frontend-table-edition

 

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

 

felhasználói csoport hozzáférés-hozzáférési lista

 

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

Oszlopfagyasztás

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

 

fagyasztóoszlop

 

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).

 

asztalmagasság

 

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.

 

fix vonal megjelenítése

 

Sorok befagyasztása

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

 

sor-befagyasztás-tábla-fejléc

 

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.

 

sorfagyasztás

 

6. Oszlopadatok szűrése

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

 

rendezési szűrő

 

Szűrőkre példa:

 

adatszűrő

 

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ó.

 

padding-border

 

 

8. Egyéni CSS

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

 

egyéni css

 

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

 

css-koordináták

 

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!

 

css-egyéni-tábla

 

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 Az Oszlopok elrejtése használatához a Menü Formátum > Reszponzív beállítások menüpontban kell kiválasztani

 

responsive-hidding-col

 

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)

 

reszponzív táblázatos görgetés

 

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

 

reszponzív-tábla-oszlop-elrejtés

 

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.

 

ismételt fejléc

 

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.

 

ismételt fejléc-frontend

 

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.

 

export-excel

 

11. Törölvényezés

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

 

lapozási opció

 

12. Egyedi cellák formátuma 

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

 

dátum-idő-cellák

 

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.

 

nyomtatási gomb