⭐ 0
🔍
Besedilo Slika PDF in dokumenti Avdio Glasba elektronika Čas Pripomočki Validatorji Ezoterika igre

Generator črtastih tabel HTML — Zebra Rows

Vizualno sestavite tabelo HTML tako, da kliknete celice in tipkate — pridobite čisto, semantično oznako tabele s predogledom v živo, brez oblike za lepljenje ali pretvorbo.

Zavije tabelo v drsni vsebnik, tako da široka tabela ne pokvari postavitve strani na ozkih zaslonih.
Obdelava ... 0%

Rezultat

Na tej strani se odpre graditelj tabel z že vklopljenim zebrastim črtanjem in majhnim vzorčnim seznamom izdelkov, ki je že vnesen, tako da lahko vidite izmenične barve vrstic, preden spremenite posamezno celico.

Zebraste črte zamenjajo barvo ozadja vsake druge vrstice s pravilom nth-child(even) v vdelanem slogovnem bloku – zaradi tega je široko tabelo veliko lažje skenirati kot navadno belo mrežo, še posebej, ko ste presegli štiri ali pet vrstic.

Kliknite katero koli celico, da zamenjate vzorčne podatke s svojimi, po potrebi dodajte ali odstranite vrstice in stolpce ter kopirajte končni HTML – to je ustvarjalec vizualnih mrež, ne pretvornik: ni CSV ali Markdown za lepljenje, tabelo zgradite neposredno na strani.

🛡️
Izvedeno v brskalniku

Vaše datoteke in vnosi nikoli ne zapustijo te naprave. Obdelava poteka popolnoma brez povezave. 100 % varno.

Sprejeti formati in pravila

  • Mreža, ki jo je mogoče urejati: dodajte ali odstranite vrstice in stolpce z enim klikom in vnesite neposredno v katero koli celico.
  • Slog preklopi za naslovno vrstico, zebraste črte, obrobe celic in za mobilne naprave prijazen ovoj z vodoravnim drsenjem.
  • Predogled v živo zraven zamaknjenega HTML-ja, pripravljenega za kopiranje, in gumb za kopiranje z enim klikom.

Ključne prednosti

✓ Vsak klik celice in pritisk na tipko takoj posodobi oznako semantične tabele in upodobljeni predogled v živo – za zagon ni ločenega koraka pretvorbe.
✓ Zebraste črte, obrobe in odziven ovoj za prelivanje so eno potrditveno polje stran, vsaka pa je podprta s pravim vdelanim CSS namesto z razpršenimi atributi v vrstici.
✓ Izhod uporablja ustrezne oznake thead, tbody, tr, th in td, tako da tabela, ki jo kopirate, ostane dostopna in jo je mogoče indeksirati, kamor koli jo prilepite.

Primeri uporabe

  • • Spremenite hiter seznam statističnih podatkov, ki jih navajate v objavi v spletnem dnevniku, v čisto tabelo HTML, tako da vnesete neposredno v mrežo, ne da bi ročno napisali en sam <td>.
  • • Sestavite majhno primerjalno tabelo s cenami ali funkcijami z vklopljenimi zebrastimi črtami in obrobami, nato pa prilepite celoten delček – vključno s CSS – v vaš CMS ali statično spletno mesto.
  • • Popravite široko tabelo, ki je bila prepolna na mobilni napravi, tako da vklopite odzivni ovoj in preverite predogled v živo pred objavo.