Gå til hovedindhold

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

Den responsive tilstand er noget afgørende for at vise HTML-tabeller på WordPress, med undertiden lille plads på dit layout, uanset om du er på desktop eller på små enheder (mobiler, tablets). WP Table Manager har 3 responsive tilstande: Rulning, Skjul Kolonner og Gentaget header med flere responsive indstillinger.
For flere funktioner, tilbage til hovedsiden for plugin'et >

Responsiv tabel ved hjælp af kolonne skjulning og visningsprioritet

Responsiv tabel ved hjælp af kolonne skjulning og visningsprioritet

Denne WP Table Manager responsive tilstand er den mest og mest tilpasselige. Din tabel vises med et kolonnevalg sorteret efter prioritet, de andre er skjult, efter den tilgængelige bredde. Du kan tvinge en kolonnevisning på enhver skærmstørrelse ved hjælp af en menu med afkrydsningsfelt.

Responsiv tabel ved hjælp af data header gruppe tilstand

Denne tabels responsive tilstand viser, når en bestemt skærmbredde er nået, en række data under headerinformationen. 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 gruppe tilstand
Responsiv tabel ved hjælp af rulning

Responsiv tabel ved hjælp af rulning

Rullemodusens responsive tilstand fikserer tabellens bredde og højde og viser derefter overløb, både vandret og lodret. Den vandrette rulning afhænger af dit 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 angivet her, kan bruges med celle- eller kolonnefrysning og tabeller med fast bredde og højde. Alle de responsive tilstande kan være relevante afhængigt af de viste data og de mest brugte enheder.

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

WP Table Manager, responsive tabeller på Video

WP Table Manager Plugin-priser

Bliv medlem af vores 60.000+ medlemmer og få support og nye version-opdateringer


199$
I stedet for 421$

WORDPRESS BUNDLE

The Bundle giver adgang til ALLE WordPress plugins og kan bruges på ubegrænset antal hjemmesider. Derudover vil du have fuld adgang til teknisk support og opgradering på hver plugin for hele året.
Tiden er nu! Boost din effektivitet og få en konkurrencefordel. Giv The Bundle et forsøg.

wordpress bundle

Seneste udtalelser og vurderinger

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

FAQ: WordPress HTML-tabeller Responsive på mobil

Hvilke responsive tilstande tilbyder WP Table Manager for mobil-tabeller?

WP Table Manager har tre responsive tilstande: Rulning, Skjul kolonne og Gentaget header (Data header-gruppe), hver tilpasser tabelvisning forskelligt baseret på skærmstørrelse.

Hvordan fungerer kolonne skjulning responsiv tilstand?

I denne tilstand prioriteres og skjules kolonner baseret på den tilgængelige skærmbredde, med en mulighed for brugere til manuelt at vise eller skjule kolonner ved hjælp af en afkrydsningsmenu.

Hvad er den responsive tilstand for data-header-gruppe?

Denne tilstand omdanner tabelrækker til grupperede header og data blokke når skærmbredden er lille, så indhold kan vises i et mere læsbart stablet format.

Hvordan fungerer den rullende responsive tilstand?

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

Kan tabelceller eller kolonner fryses i responsiv tilstand?

Ja, alle responsive tilstande kan bruge celle eller kolonne frysning for at holde nøgledata synlige under rulning eller justering af tabellen på mindre skærme.

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

Valget afhænger af din datatype og typiske enhedsbrug. Rulning passer brede tabeller, skjulning af kolonner er godt for hierarkisk indhold, og data header gruppe tilstand er ideel til læsbarhed på smalle skærme.