Hoppa till huvudinnehåll

Gör dina WordPress HTML-tabeller responsiva på mobilen

Det responsiva läget är avgörande för att visa HTML-tabeller på WordPress, ibland med begränsat utrymme i din layout oavsett om du är på skrivbord eller på små enheter (mobiler, surfplattor). WP Table Manager har 3 responsiva lägen: Rullning, Dölj kolumner och Upprepad rubrik med flera responsiva inställningar.
För fler funktioner, gå tillbaka till huvudsidan för plugin-programmet >

Responsiv tabell med kolumn döljning och visningsprioritet

Responsiv tabell med kolumn döljning och visningsprioritet

Det här WP Table Manager responsiva läget är det mest och mest anpassningsbara. Din tabell visas med ett kolumnval sorterat efter prioritet, de andra är dolda, beroende på tillgänglig bredd. Du kan tvinga fram en kolumnvisning i valfri skärmstorlek med hjälp av en meny med kryssruta.

Responsiv tabell med hjälp av datarubrikgrupp-läge

Det här tabellens responsiva läge visar, när en viss skärmbredd har uppnåtts, en rad data under rubrikinformationen. Du kan ställa in en viss responsiv brytpunkt (bredd) och tabellens maximala höjd för varje tabell, vilket är mycket praktiskt beroende på var din tabell är placerad.

Responsiv tabell med hjälp av datarubrikgrupp-läge
Responsiv tabell med rullning

Responsiv tabell med rullning

Det rullningsbara responsiva läget fixerar tabellens bredd och höjd och visar sedan överflöden, både horisontellt och vertikalt. Den horisontella rullningen beror på ditt innehållsbredd och du kan välja hur många kolumner som ska frysas under rullning.

Hur man väljer rätt responsiv mode för dina HTML-tabeller

Alla de responsiva lägen som listas här kan användas med cell- eller kolumnfrysning och tabeller med fast bredd och höjd. Alla de responsiva lägena kan vara relevanta beroende på data som visas och de mest använda enheterna.

Hur man väljer rätt responsiv mode för dina HTML-tabeller

WP Table Manager, responsiva tabeller i video

WP Table Manager Pluginpriser

Gå med i vår 60 000+ medlemmar & få support och nya versioner uppdateringar


199$
Styr åtkomsten till WordPress-media med <a i=0 translate="no">WP Media Folder</a> 421$

WORDPRESS BUNDLE

The Bundle ger tillgång till ALLA WordPress-plugins och kan användas på obegränsat antal webbplatser. Dessutom har du full tillgång till teknisk support och uppdatering på varje plugin för hela året.
Nu är det dags! Öka din effektivitet och få den konkurrensfördel. Ge The Bundle en chans.

Wordpress bundle

Senaste rekommendationer & betyg

Genomsnittlig betyg för WP Table Manager, JoomUnited är 4,9 Stjärna av 5 stjärnor - baserat på 66 Recensioner

FAQ: WordPress HTML-tabeller responsiva på mobil

Vilka responsiva lägen erbjuder WP Table Manager för mobila tabeller?

WP Table Manager har tre responsiva lägen: Rullning, Dölj kolumner och Upprepad rubrik (datarubrikgrupp), var och en anpassar tabellvisning olika baserat på skärmstorlek.

Hur fungerar det responsiva läget för kolumn döljning?

I detta läge prioriteras och döljs kolumner baserat på tillgänglig skärmbredd, med möjlighet för användare att manuellt visa eller dölja kolumner med hjälp av en kryssrutemeny.

Vad är datarubrikgrupps responsivt läge?

Detta läge omvandlar tabellrader till grupperade rubriker och datablock när skärmbredden är liten, vilket möjliggör att innehåll visas i ett mer läsbart staplat format.

Hur fungerar det rullande responsiva läget?

Rullningsläge ställer in fast tabellbredd och höjd, vilket möjliggör horisontell och vertikal rullning med alternativ att frysa ett antal kolumner under horisontell rullning.

Kan tabellceller eller kolumner frysas i responsivt läge?

Ja, alla responsiva lägen kan använda cell- eller kolumnfrysning för att hålla viktig data synlig medan du bläddrar eller justerar tabellen på mindre skärmar.

Hur väljer jag det bästa responsiva läget för mina tabeller?

Valet beror på din datatyp och typisk enhetsanvändning. Rullning passar breda tabeller, döljning av kolumner är bra för hierarkiskt innehåll, och datagrupperingsläge är idealiskt för läsbarhet på smala skärmar.