⭐ 0
🔍
Tekst Pilt PDF ja dokumendid Heli Muusika Elektroonika Aeg Kommunaalteenused Validaatorid Esoteeriline Mängud

Responsive HTML Table Generator – Mobile Scroll

Looge HTML-tabel visuaalselt, klõpsates lahtreid ja tippides – saate puhta, semantilise tabeli märgistuse koos reaalajas eelvaatega, ilma vorminguta, mida kleepida ega teisendada.

Mähib tabeli keritavasse konteinerisse, nii et lai tabel ei rikuks kitsastel ekraanidel lehe paigutust.
Töötlemine... 0%

Tulemus

See leht avab tabelikoostaja, kus on juba täidetud lai seitsmeveeruline näidis ja tundlik ümbris on juba sisse lülitatud, nii et näete koheselt, kuidas parandus toimib.

Laiad tabelid on üks väheseid elemente, mida lihtne reageeriv CSS ei saa ümber voolida – teksti murrab, kuid veerud mitte, nii et kuue või enama veeruga tabel ajab üle ekraani või pigistab telefonis iga lahtri loetamatult väikeseks. Tabeli mähkimine ülevoolu-x-ga div-sse: automaatne hoiab seda loomulikul laiusel ja laseb külastajal lehepaigutuse katkestamise asemel seda külili kerida.

Lisage või eemaldage veerge, et need sobiksid teie enda andmetega, klõpsake selle redigeerimiseks mis tahes lahtrit ja kopeerige valmis märgistus – ümbriselement lisatakse ainult siis, kui see märkeruut on sisse lülitatud, nii et saate mähitud ja pakendamata HTML-i kõrvuti võrrelda.

🛡️
Teostatud brauseris

Teie failid ja sisendid ei lahku sellest seadmest kunagi. Töötlemine toimub täiesti võrguühenduseta. 100% turvaline.

Aktsepteeritud vormingud ja reeglid

  • Redigeeritav ruudustik: lisage või eemaldage ridu ja veerge ühe klõpsuga ning tippige otse mis tahes lahtrisse.
  • Stiili lülitid päiserea, sebra triibutuse, lahtri ääriste ja mobiilisõbraliku horisontaalse kerimise ümbrise jaoks.
  • Reaalajas renderdatud eelvaade taandega, kopeerimisvalmidusega HTML-i kõrval ning ühe klõpsuga kopeerimisnupp.

Peamised eelised

✓ Iga lahtri klõps ja klahvivajutus värskendab koheselt semantilise tabeli märgistust ja reaalajas renderdatud eelvaadet – eraldi teisendamist ei ole vaja käivitada.
✓ Sebra triibud, äärised ja tundlik ületäitumise mähis on ühe märkeruudu kaugusel, millest igaüks on toetatud tõelise manustatava CSS-iga, mitte hajutatud tekstisiseste atribuutidega.
✓ Väljund kasutab õigeid thead, tbody, tr, th ja td silte, nii et kopeeritav tabel jääb juurdepääsetavaks ja indekseeritavaks kõikjal, kuhu selle kleepite.

Kasutusjuhtumid

  • • Muutke ajaveebipostituses tsiteeritud statistika kiire loend puhtaks HTML-i tabeliks, tippides otse ruudustikule, ilma et peaksite käsitsi kirjutama ühtegi <td>-d.
  • • Koostage väike hinnakujunduse või funktsioonide võrdlustabel, kus sebra triibud ja äärised on sisse lülitatud, seejärel kleepige kogu koodilõik (koos CSS-iga) oma CMS-i või staatilisele saidile.
  • • Parandage lai tabel, mis mobiilis üle kuhjatas, lülitades sisse automaatselt kohanduva ümbrise ja kontrollides enne avaldamist reaalajas eelvaadet.