⭐ 0
🔍
Tekstas Vaizdas PDF ir dokumentai Garsas Muzika Elektronika Laikas Komunalinės paslaugos Validatoriai Ezoterinis Žaidimai

Atsakingas HTML lentelių generatorius – „Mobile Scroll“.

Sukurkite HTML lentelę vizualiai spustelėdami langelius ir įvesdami tekstą – gaukite švarų, semantinį lentelės žymėjimą su tiesiogine peržiūra, nereikia įklijuoti ar konvertuoti formato.

Įvynioja lentelę į slenkamą konteinerį, kad plati lentelė nepažeistų puslapio išdėstymo siauruose ekranuose.
Apdorojama... 0%

Rezultatas

Šiame puslapyje atidaroma lentelės kūrimo priemonė su jau užpildytu plačiu septynių stulpelių pavyzdžiu ir jau įjungtu reaguojančiu įvyniokliu, todėl iš karto galite pamatyti taisymą.

Plačios lentelės yra vienas iš nedaugelio elementų, kurių paprastas reaguojantis CSS negali iš naujo suplukdyti – tekstas perkeliamas, bet stulpeliai – ne, todėl lentelė su šešiais ar daugiau stulpelių arba perpildo ekraną, arba išspaudžia kiekvieną telefono langelį, kuris neįskaitomai mažas. Lentelės apvyniojimas div su overflow-x: automatiškai išlaiko jos natūralų plotį ir leidžia lankytojui slinkti ją į šoną, o ne sulaužyti puslapio išdėstymą.

Pridėkite arba pašalinkite stulpelius, kad jie atitiktų jūsų duomenis, spustelėkite bet kurį langelį, kad jį redaguotumėte, ir nukopijuokite baigtą žymėjimą – įpakavimo elementas pridedamas tik tada, kai įjungtas šis žymimasis laukelis, kad galėtumėte palyginti supakuotą ir nesupakuotą HTML.

🛡️
Vykdoma naršyklėje

Jūsų failai ir įvestis niekada nepalieka šio įrenginio. Apdorojimas vykdomas visiškai neprisijungus. 100% saugus.

Priimami formatai ir taisyklės

  • Redaguojamas tinklelis: pridėkite arba pašalinkite eilutes ir stulpelius vienu paspaudimu ir įveskite tiesiai į bet kurį langelį.
  • Antraštės eilutės, zebro juostelių, langelių kraštinių ir mobiliesiems pritaikyto horizontalaus slinkties apvalkalo stiliaus perjungikliai.
  • Tiesiogiai pateikta peržiūra šalia įtraukos, kopijavimui paruošto HTML ir vieno spustelėjimo kopijavimo mygtukas.

Pagrindiniai privalumai

✓ Kiekvienas langelio paspaudimas ir klavišo paspaudimas iš karto atnaujina semantinės lentelės žymėjimą ir tiesioginę peržiūrą – nereikia vykdyti atskiro konvertavimo veiksmo.
✓ Zebros juostelės, kraštinės ir reaguojantis perpildymo įvynioklis yra už vieno žymėjimo langelio, kurių kiekvienas palaiko tikras įterpiamasis CSS, o ne išsklaidytas eilutinis atributas.
✓ Išvestyje naudojamos tinkamos žymos „thead“, „tbody“, „tr“, „th“ ir „td“, todėl nukopijuota lentelė lieka pasiekiama ir indeksuojama, kad ir kur ją įklijuotumėte.

Naudojimo atvejai

  • • Greitą statistikos sąrašą, kurį cituojate tinklaraščio įraše, paverskite švaria HTML lentele, įvesdami tiesiai į tinklelį, ranka neįrašydami nė vieno <td>.
  • • Sukurkite nedidelę kainodaros arba funkcijų palyginimo lentelę su įjungtomis zebro juostelėmis ir kraštinėmis, tada įklijuokite visą fragmentą (įskaitant CSS) į TVS arba statinę svetainę.
  • • Pataisykite plačią lentelę, kuri perpildyta mobiliajame įjungdami interaktyvų įpakavimą ir prieš paskelbdami patikrinę tiesioginę peržiūrą.