Mere responsive WordPress-tabeller med gentagne overskrifter

WordPress-tabeller er et dobbeltkantet sværd på trods af WordPress 'fremskridt gennem årene. De er de perfekte kandidater til at præsentere data, men ugunstige for at fortælle en historie. Hvis du synes, det ikke er dårligt nok, skal du vente, indtil du hører om smartphones og tablets: enheder, hvor du har endnu mindre plads til at vise data. Der er nogle tabel ulemper, du er nødt til at lære at leve med, men lydhørhed er ikke en af ​​dem.

Den sidste store opdatering til WP Table Manager introducerede et nyt responsivt design til tabeller med yderligere responsive muligheder. Nu er der en nyere og bedre version af WordPress Table Manager, der tilføjer en ny responsiv tilstand og nye muligheder for at hjælpe dig med at tilpasse responsive tabeller og deres opførsel: gentagne overskrifter.

Responsive borde med gentagne overskrifter

Hvad sker der, når der ikke er nok plads til at vise en tabel? I den forrige opdatering WP Table Manager dig to responsive indstillinger: Tilføjelse af en rullebjælke og skjulskolonner. Disse to tilstande har deres applikationer, men hvis du vil undgå horisontal rulle- eller skjuldata, kan den nye tredje tilstand være det, du leder efter: gentagne overskrifter.

Den gentagne overskrifter, der er responsiv tilstand, som alle andre tilstande, misligholder en normal tabel, når der er plads nok, f.eks. På en stationær enhed, som computere eller bærbare computere. Når der ikke er nok plads, kollapser det i et enklere bord med to kolonner: bordoverskriften og rækkens værdi.

I praksis betyder det, at hvis du har fire kolonner i en tabel, vil hver række i den originale tabel blive repræsenteret som fire nye rækker i den responsive version. Hver nye række har kun den originale header og dens dataværdi. Denne ordning gælder for hver række i den originale tabel, så der er altid en gentagen header ved siden af ​​dataværdier.

Takket være denne enkle responsive opførsel giver den gentagne tabeltilstand mulighed for at tilføje så mange data, som du vil til dine tabeller uden nogensinde at skulle bekymre dig om, hvordan det vil se ud på mobiler og tablets. Derudover bruger WP Table Manager skiftende farver til rækker på mindre enheder: Hver række i den originale tabel får en anden farve, bevarer konteksten og giver dine WordPress -læsere mulighed for at skelne mellem poster.

Tilpasning af responsive tabeller i gentagen overskriftertilstand

Du kan vælge den gentagne overskriftertilstand, når du redigerer en tabel: Vælg responsive indstillinger i Format , og se derefter efter den gentagne header -tilstand fra den første dropdown. Du kan også tilpasse det gentagne overskrifter på to måder: det responsive breakpoint og den responsive maksimale højde.

Det responsive breakpoint er bredden, under hvilken WordPress Table Manager -plugin stopper med at gengive bordet som sædvanligt og skifter i stedet til den responsive, gentagne overskrifter. Du kan estimere denne værdi baseret på dit WordPress -tema og på hvor mange kolonner du har: Hvis du tror, ​​at tabellen ikke passer under en bestemt bredde, skal du bruge den som breakpoint.

Hvis du har mange rækker eller mange kolonner, er det muligt, at den gentagne overskriftertilstand skaber en meget lang side. Den responsive maksimale højde omhandler dette problem ved at afdække højden af ​​den gentagne overskrifter -tabellen i responsiv tilstand. Hvis den responsive tabel er for lang, kan dine WordPress -læsere bruge en rullebjælke til at se flere data som sædvanligt.

Der er ingen Magic Bullet til responsive tabeller, men den gentagne overskriftertilstand for WordPress -tabeller kommer tæt på. Uanset om du har et lille bord eller et stort bord med mange rækker og kolonner, sørger WP Table Manager's nye gentagne overskrifter, at dine data altid passer til, uanset hvilken enhed.