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

Dryžuotos HTML lentelės generatorius – Zebra Rows

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 įjungta zebro juostele ir jau įvestu nedideliu pavyzdiniu produktų sąrašu, todėl prieš keisdami vieną langelį galite matyti besikeičiančias eilučių spalvas.

Zebrinė juostelė keičia kiekvienos antros eilutės fono spalvą, taikydama n-tosios antrosios pakopos (lyginio) taisyklę įterptajame stiliaus bloke – tai leidžia daug lengviau nuskaityti plačią lentelę nei paprastą baltą tinklelį, ypač kai baigiate keturias ar penkias eilutes.

Spustelėkite bet kurį langelį, kad pavyzdinius duomenis pakeistumėte savo, pridėkite arba pašalinkite eilutes ir stulpelius, jei reikia, ir nukopijuokite baigtą HTML – tai vizualinio tinklelio kūrimo priemonė, o ne konverteris: nereikia įklijuoti CSV ar žymėjimo, lentelę kuriate tiesiai puslapyje.

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