Generator voor responsieve HTML-tabellen — Mobiel scrollen
Bouw visueel een HTML-tabel door op cellen te klikken en te typen — verkrijg schone, semantische tabelopmaak met een live preview, zonder dat je een formaat hoeft te plakken of converteren.
Wordt volledig in uw browser verwerkt. Niets wat u hier invoert, wordt ooit geüpload.
Resultaat
Over dit hulpmiddel
Deze pagina opent de tabelbouwer met een brede voorbeeldtabel van zeven kolommen al ingevuld en de responsieve wrapper al ingeschakeld, zodat je de oplossing meteen in actie ziet.
Brede tabellen zijn een van de weinige elementen die gewone responsive CSS niet kan herschikken — tekst breekt om, maar kolommen niet, dus een tabel met zes of meer kolommen loopt óf over het scherm óf perst elke cel onleesbaar klein op een telefoon. De tabel in een div wikkelen met overflow-x: auto behoudt de natuurlijke breedte en laat de bezoeker er zijwaarts doorheen scrollen in plaats van de paginalay-out te breken.
Voeg kolommen toe of verwijder ze zodat ze bij je eigen gegevens passen, klik op een cel om deze te bewerken en kopieer de voltooide opmaak — de wrapper-div wordt alleen toegevoegd zolang dit vinkje aanstaat, zodat je de ingewikkelde en niet-ingewikkelde HTML naast elkaar kunt vergelijken.