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

Adaptīvs HTML tabulu ģenerators — mobilā ritināšana

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 aizpildītu plašu septiņu sleju paraugu un jau ieslēgtu adaptīvo iesaiņojumu, lai jūs varētu nekavējoties redzēt labojumu darbībā.

Plašas tabulas ir viens no nedaudzajiem elementiem, ko vienkāršs CSS nevar pārpludināt — teksts tiek aplauzts, bet kolonnas to nedara, tāpēc tabula ar sešām vai vairāk kolonnām vai nu pārpilda ekrānu, vai saspiež katru tālrunī nesalasāmi mazu šūnu. Tabulas ietīšana divdaļā ar pārpildes x: automātiski saglabā to dabiskajā platumā un ļauj apmeklētājam ritināt to uz sāniem, nevis izjaukt lapas izkārtojumu.

Pievienojiet vai noņemiet kolonnas, lai tās atbilstu jūsu datiem, noklikšķiniet uz jebkuras šūnas, lai to rediģētu, un kopējiet gatavo marķējumu — iesaiņojuma div tiek pievienots tikai tad, kad ir ieslēgta šī izvēles rūtiņa, lai jūs varētu salīdzināt iesaiņoto un neiesaiņoto HTML kodu blakus.

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