Základní tabulka
Šedý header, dělicí linky mezi řádky, hover efekt.
Wrapper .table-wrap zajišťuje border-radius a box-shadow.
Striped
Každý sudý řádek dostane světle šedé pozadí --table-row-bg-stripe. Vhodné pro delší tabulky s mnoha sloupci.
| Uživatel | Role | Posl. přihlášení | Stav |
|---|---|---|---|
| jan.novak@email.cz | Admin | dnes 10:22 | Online |
| petra.horova@email.cz | Editor | včera 18:05 | Offline |
| tomas.kral@email.cz | Autor | 12. 5. 2026 | Offline |
| lucie.mala@email.cz | Moderátor | dnes 09:41 | Online |
| martin.benes@email.cz | Čtenář | 10. 5. 2026 | Offline |
Compact
Snížený padding – pro dashboardy a panely s omezenou výškou.
| Datum | Událost | Uživatel | IP |
|---|---|---|---|
| 14. 5. 2026 10:22 | Přihlášení | jan.novak | 192.168.1.1 |
| 14. 5. 2026 10:18 | Publikování článku | petra.horova | 10.0.0.5 |
| 14. 5. 2026 09:55 | Smazání souboru | jan.novak | 192.168.1.1 |
| 13. 5. 2026 22:01 | Neúspěšné přihlášení | — | 203.0.113.42 |
| 13. 5. 2026 18:30 | Export dat | lucie.mala | 172.16.0.8 |
Bordered
Všechny buňky ohraničeny – pro číselné tabulky, ceníky, specifikace.
| Služba | Free | Pro | Enterprise |
|---|---|---|---|
| Počet projektů | 5 | Neomezeno | Neomezeno |
| Úložiště | 1 GB | 50 GB | 1 TB |
| Podpora | E-mail + chat | Dedikovaný tým | |
| SLA | — | 99,5 % | 99,9 % |
| Cena / měsíc | Zdarma | 990 Kč | Na dotaz |
Fake Table
Tabulkový layout bez <table> — čistě z divů.
Struktura: .fake-table → .ft-head / .ft-body / .ft-footer
→ .ft-row → .ft-cell.
Na mobilech hlavička zmizí a každá buňka se roztáhne na 100 % šířky —
popisek se generuje z atributu data-label přes CSS ::before.
Modifikátory buněk: .ft-cell--bold · .ft-cell--right ·
.ft-cell--center · .ft-cell--num (serif číslice) ·
.ft-cell--shrink (auto šířka) · .ft-cell--img (36 × 36 px obrázek).
Modifikátory řádků: .ft-row--active (zelené pozadí) · .ft-row--highlighted (jantarové).
