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

Odzivni generator tabel HTML — Mobile Scroll

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

Ta stran odpre graditelj tabel z že izpolnjenim širokim vzorcem s sedmimi stolpci in že vklopljenim odzivnim ovojom, tako da lahko takoj vidite popravek v akciji.

Široke tabele so eden redkih elementov, ki jih navaden odzivni CSS ne more preoblikovati – besedilo se prelomi, stolpci pa ne, tako da tabela s šestimi ali več stolpci bodisi prelije zaslon ali stisne vsako celico na telefonu, ki je neberljivo majhna. Ovijanje tabele v div s overflow-x: samodejno jo ohranja v njeni naravni širini in omogoča obiskovalcu, da jo pomika vstran, namesto da pokvari postavitev strani.

Dodajte ali odstranite stolpce, da se ujemajo z vašimi lastnimi podatki, kliknite katero koli celico, da jo uredite, in kopirajte končano oznako – ovojnica div je dodana samo, ko je to potrditveno polje vklopljeno, tako da lahko primerjate oviti in neoviti HTML drugega ob drugem.

🛡️
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.