Tabuľka sa zostavuje vizuálne, výsledkom je čistý HTML. Štruktúra sa nastaví vľavo (riadky, stĺpce, hlavička, popisok, okraje, farby, zarovnanie), píše sa priamo do mriežky alebo sa vložia údaje TSV / CSV / Excel. HTML sa generuje v reálnom čase a zobrazuje sa ako kód aj ako izolovaný živý náhľad. Zvolí sa výstup Klasický (atribúty border / cellpadding) alebo Moderný (vložené CSS), potom sa skopíruje kód alebo stiahne samostatný súbor .html. Všetko beží lokálne — nič sa nenahráva.
Rozmery
Štruktúra
Veľkosť a okraje
Vzhľad
Výstup
Vloží sa údaje oddelené tabulátormi/novým riadkom (Excel alebo TSV), alebo oddelené čiarkami (CSV s podporou úvodzoviek).
Bunky5 × 5kliknutím na malé × na okraji riadku/stĺpca sa odstráni
Píše sa do buniek alebo sa stlačí Generovať na vytvorenie HTML.
Kód HTML
Náhľad
sandboxované — skripty sú vypnuté
Tipy: obsah buniek sa štandardne escapuje v HTML, takže vstup typu <script> nemôže rozbiť vygenerovaný kód ani náhľad; možnosť „Escapovať HTML v bunkách“ sa vypne iba vtedy, keď sa zámerne chce vložiť značkovanie. Riadky z Excelu sa vkladajú ako TSV (tlačidlo „Importovať údaje...“ automaticky rozpozná tabulátory alebo čiarky). Mriežka podporuje až 100 riadkov × 30 stĺpcov a náhľadový rámec je sandboxovaný (bez skriptov).
Tabuľky, ktoré niečo znamenajú
<th scope="col"> a scope="row" hovoria čítačkám obrazovky, čo každá hlavička popisuje, a <caption> pomenúva celú tabuľku. colspan a rowspan zlučujú bunky pri naozaj zlúčených dátach, ale pri vizuálnom rozložení mätú analyzátory.
Tabuľky patria na vzťahy v dátach a mriežka CSS alebo flexbox na rozloženie — tabuľky na rozloženie škodia prístupnosti aj responzivite.
