Hop til hovedindhold

Gør dine WordPress HTML tabeller responsive på mobil

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

Responsiv tabel ved hjælp af kolonne skjulning og visning prioritet

Responsiv tabel ved hjælp af kolonne skjulning og visning prioritet

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-gruppetilstand

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 brudpunkt (bredde) og tabel-maksimumhøjde for hver tabel, hvilket er meget praktisk afhængigt af, hvor din tabel er placeret.

Responsiv tabel ved hjælp af data-header-gruppetilstand
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 nævnt 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 i Video

WP Table Manager Plugin priser

Tilslut dig til vores 60.000+ medlemmer & få support og nye versionopdateringer


199$
I stedet for 421$

WORDPRESSBUNDLE

Pakken Bundle giver adgang til alle WordPress-plugins og kan bruges på ubegrænset hjemmesider. Derudover vil du have fuld adgang til teknisk support og opdateringer på hvert plugin for hele året.
Tiden er nu! Forøg din effektivitet og få en konkurrencefordel. Giv pakken Bundle et forsøg.

WordPress bundle

Nylige udtalelser & 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, Skjulning af kolonner 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 data header gruppe responsiv tilstand?

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 rulning responsiv tilstand?

Rulningstilstand indstiller fast tabelbredde og -højde, hvilket muliggør vandret og lodret rulning med muligheder for at fryse 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 typisk 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.