⭐ 0
🔍
Tekst Bilde PDF og dokumenter Lyd Musikk Elektronikk Tid Verktøy Validatorer Esoterisk Spill

Responsiv HTML-tabellgenerator — Mobile Scroll

Bygg en HTML-tabell visuelt ved å klikke på celler og skrive - få ren, semantisk tabellmarkering med en live forhåndsvisning, uten format å lime inn eller konvertere.

Pakker bordet i en rullbar beholder slik at en bred tabell ikke bryter sideoppsettet på smale skjermer.
Behandler... 0%

Resultat

Denne siden åpner tabellbyggeren med en bred prøve på syv kolonner som allerede er fylt ut og den responsive innpakningen allerede slått på, slik at du kan se løsningen i aksjon umiddelbart.

Brede tabeller er et av de få elementene som ren responsiv CSS ikke kan flyte om – tekstombrytelser, men kolonner gjør det ikke, så en tabell med seks eller flere kolonner flyter enten over skjermen eller klemmer hver celle uleselig liten på en telefon. Pakning av tabellen i en div med overflow-x: auto holder den i sin naturlige bredde og lar besøkende rulle den sidelengs i stedet for å bryte sideoppsettet.

Legg til eller fjern kolonner for å matche dine egne data, klikk på en hvilken som helst celle for å redigere den, og kopier den ferdige markeringen - wrapper-div-en legges bare til mens denne avmerkingsboksen er på, slik at du kan sammenligne den innpakket og upakkede HTML-koden side ved side.

🛡️
Utført i nettleser

Filene og inngangene dine forlater aldri denne enheten. Behandlingen kjører helt offline. 100 % sikker.

Godkjente formater og regler

  • Redigerbart rutenett: legg til eller fjern rader og kolonner med ett klikk, og skriv direkte inn i en hvilken som helst celle.
  • Stilvekslere for overskriftsrad, sebrastriper, cellekanter og en mobilvennlig horisontal rulling.
  • Levende gjengitt forhåndsvisning ved siden av innrykket, kopieringsklar HTML, pluss en kopieringsknapp med ett klikk.

Viktige fordeler

✓ Hvert celleklikk og tastetrykk oppdaterer den semantiske tabellmarkeringen og den direkte gjengitte forhåndsvisningen umiddelbart - det er ikke noe separat konverteringstrinn å kjøre.
✓ Sebrastriper, kanter og en responsiv overflyt-omslag er én avmerkingsboks unna, hver støttet av ekte innebygd CSS i stedet for spredte innebygde attributter.
✓ Utdataene bruker riktige koder for thead, tbody, tr, th og td, slik at tabellen du kopierer forblir tilgjengelig og indekserbar uansett hvor du limer den inn.

Brukssaker

  • • Gjør en rask liste over statistikk du siterer i et blogginnlegg til en ren HTML-tabell ved å skrive rett inn i rutenettet, uten å skrive en eneste <td>.
  • • Bygg en liten pris- eller funksjonssammenligningstabell med sebrastriper og kantlinjer slått på, og lim deretter inn hele kodebiten – inkludert CSS – i CMS-en eller det statiske nettstedet ditt.
  • • Fiks et bredt bord som fløt over på mobil ved å slå på den responsive innpakningen og sjekke den direkte forhåndsvisningen før publisering.