Spring til hovedindhold

Gør dine WordPress HTML-tabeller responsive på mobil

Den responsive tilstand er afgørende for at vise HTML-tabeller på WordPress, hvor der nogle gange er lidt plads i dit layout, uanset om du er på desktop eller på små enheder (mobiler, tablets). WP Table Manager har 3 responsive tilstande: Scrolling, Hiding Cols og Repeated header med flere responsive indstillinger.
For flere funktioner, gå tilbage til pluginets hovedside >

Responsiv tabel ved hjælp af kolonneudskjul og visningsprioritet

Responsiv tabel ved hjælp af kolonneudskjul og visningsprioritet

Denne WP Table Manager responsive-tilstand er den mest og mest tilpassede. Din tabel vises med et kolonnevalg ordnet efter prioritet, mens de øvrige skjules, afhængigt af den tilgængelige bredde. Du kan fremtvinge visning af en kolonne ved enhver skærmstørrelse ved hjælp af en menu med afkrydsningsfelt.

Responsiv tabel ved hjælp af data header group-tilstand

Denne responsive tabeltilstand viser, når en bestemt skærmbredde er nået, en række data under header-informationen. Du kan indstille et bestemt responsivt breakpoint (bredde) og tabel max-højde for hver tabel, hvilket er meget praktisk afhængigt af, hvor din tabel er placeret.

Responsiv tabel ved hjælp af data header group-tilstand
Responsiv tabel ved hjælp af scrolling

Responsiv tabel ved hjælp af scrolling

Tilstanden med responsiv rulning fastlåser tabelbredden og -højden og viser derefter overløb, både vandret og lodret. Den vandrette rulning afhænger af din indholdsbredde, og du kan vælge, hvor mange kolonner der skal fryses under rulning.

Sådan vælger du den rigtige responsive tilstand til dine HTML-tabeller

Alle de responsive tilstande, der er nævnt her, kan bruges sammen med fastfrysning af celler eller kolonner samt tabeller med fast bredde og højde. Alle de responsive tilstande kan være relevante afhængigt af de viste data og de mest anvendte enheder.

Sådan vælger du den rigtige responsive tilstand til dine HTML-tabeller

WP Table Manager, responsive tabeller i Video

WP Table Manager Pluginpriser

Bliv en del af vores 60.000+ medlemmer & få support og opdateringer til nye versioner


199$
I stedet for 421$
FÅ
WORDPRESS BUNDLE

Den Bundle giver adgang til ALLE WordPress-plugins og kan bruges på ubegrænsede websites. Derudover får du fuld adgang til teknisk support og opdateringer på hver plugin hele året. 
Tiden er nu! Boost din effektivitet og få den konkurrencefordel. Prøv The Bundle .

WordPress bundle

Seneste anmeldelser & bedømmelser

Gennemsnitlig vurdering for WP Table Manager, JoomUnited er 4,9 stjerner ud af 5 stjerner - baseret på 66 anmeldelser

FAQ: WordPress HTML-tabeller responsive på mobil

Hvilke responsive-tilstande tilbyder WP Table Manager til mobile tabeller?

WP Table Manager har tre responsive tilstande: Rulning, Skjul kolonner og Gentaget sidehoved (Data Header Group), som hver tilpasser tabelvisningen forskelligt afhængigt af skærmstørrelsen.

Hvordan fungerer den responsive tilstand med skjul af kolonner?

I denne tilstand prioriteres og skjules kolonner baseret på den tilgængelige skærmbredde, med en mulighed for at brugerne manuelt kan vise eller skjule kolonner via en afkrydsningsmenu.

Hvad er den responsive tilstand for datahovedgrupper?

Denne tilstand omdanner tabelrækker til grupperede overskrifts- og datablokke, når skærmbredden er lille, så indholdet kan vises i et mere læsbart stablet format.

Hvordan fungerer den responsive rulletilstand?

Rulletilstand indstiller en fast tabelbredde og -højde, hvilket muliggør vandret og lodret rulning med mulighed for at fastfryse et antal kolonner under vandret rulning.

Kan tabelceller eller kolonner fastfryses i responsiv tilstand?

Ja, alle responsive tilstande kan bruge fastfrysning af celler eller kolonner for at holde vigtige data synlige, mens du ruller eller justerer tabellen på mindre skærme.

Hvordan vælger jeg den bedste responsive tilstand til mine tabeller?

Valget afhænger af din datatype og den typiske enhedsanvendelse. Rulning passer til brede tabeller, skjul af kolonner er god til hierarkisk indhold, og tilstanden med gruppering af dataoverskrifter er ideel til læsbarhed på smalle skærme.