⭐ 0
🔍
Teksts Attēls PDF un dokumenti Audio Mūzika Elektronika Laiks Komunālie pakalpojumi Validatori Ezotērisks Spēles

Svītrainās HTML tabulas ģenerators — Zebra Rows

Veidojiet HTML tabulu vizuāli, noklikšķinot uz šūnām un ierakstot — iegūstiet tīru, semantisko tabulas marķējumu ar reāllaika priekšskatījumu, bez formāta ielīmēšanai vai konvertēšanai.

Iesaiņo tabulu ritināmā konteinerā, lai plata tabula neizjauktu lapas izkārtojumu šauros ekrānos.
Notiek apstrāde... 0%

Rezultāts

Šajā lapā tiek atvērts tabulu veidotājs ar jau ieslēgtu zebras svītrojumu un nelielu produktu saraksta paraugu, kas jau ir ievadīts, lai jūs varētu redzēt mainīgās rindu krāsas, pirms maināt vienu šūnu.

Zebras svītrojums maina katras otrās rindas fona krāsu, izmantojot iegultā stila blokā n-to bērnu (pāra) kārtulu — tas padara platu tabulu daudz vieglāk skenējamu nekā vienkāršu baltu režģi, it īpaši, ja esat pāri četrām vai piecām rindām.

Noklikšķiniet uz jebkuras šūnas, lai aizstātu datu paraugu ar saviem, pēc vajadzības pievienojiet vai noņemiet rindas un kolonnas un kopējiet gatavo HTML — tas ir vizuāls režģa veidotājs, nevis pārveidotājs: nav jāielīmē CSV vai Markdown, tabula tiek veidota tieši lapā.

🛡️
Izpildīts pārlūkprogrammā

Jūsu faili un ievades dati nekad netiek atstāti no šīs ierīces. Apstrāde notiek pilnīgi bezsaistē. 100% drošs.

Pieņemtie formāti un noteikumi

  • Rediģējams režģis: pievienojiet vai noņemiet rindas un kolonnas ar vienu klikšķi un ierakstiet tieši jebkurā šūnā.
  • Stila pārslēgi galvenes rindai, zebras svītrojumam, šūnu apmalēm un mobilajām ierīcēm piemērotam horizontālas ritināšanas aptinumam.
  • Tiešsaistes renderēts priekšskatījums blakus ar atkāpi, kopēšanai gatavs HTML, kā arī viena klikšķa kopēšanas poga.

Galvenās priekšrocības

✓ Katrs šūnas klikšķis un taustiņsitiens nekavējoties atjaunina semantiskās tabulas marķējumu un reāllaika renderēto priekšskatījumu — nav jāveic atsevišķa konvertēšanas darbība.
✓ Zebras svītrojums, apmales un adaptīvs pārpildes aptinums atrodas vienas izvēles rūtiņas attālumā, un katrs no tiem ir nodrošināts ar reālu iegultu CSS, nevis izkliedētu iekļauto atribūtu.
✓ Izvadē tiek izmantoti atbilstoši tagi thead, tbody, tr, th un td, tāpēc kopētā tabula paliek pieejama un indeksējama jebkurā vietā, kur to ielīmējat.

Lietošanas gadījumi

  • • Pārvērtiet īsu statistikas sarakstu, ko citējat emuāra ziņā, tīrā HTML tabulā, ierakstot tieši režģī, nerakstot ar roku nevienu <td>.
  • • Izveidojiet nelielu cenu noteikšanas vai funkciju salīdzināšanas tabulu ar ieslēgtām zebras svītrām un apmalēm, pēc tam ielīmējiet visu fragmentu (iekļauts CSS) savā SPS vai statiskajā vietnē.
  • • Izlabojiet plašo tabulu, kas pārpildīta mobilajā ierīcē, ieslēdzot adaptīvo iesaiņojumu un pirms publicēšanas pārbaudot tiešraides priekšskatījumu.