WP Table Manager : Styling Tables

1. Format

På værktøjslinjen kan du indstille stil til celle, såsom: skrifttype, skriftstørrelse, tekststil, baggrundsfarve til celle, tekstfarve, celle vandret og lodret aligment, ... Det kan anvendes til en enkelt celle eller flere celler

Du kan vælge procentdelen for tabeleditor. Det betyder, at du kan zoome ind/ud på dit bord, intervallet fra 50 % til 200 %.

Rækkehøjden og kolonnebredden kan defineres i pixels. Gå til Menuformat > Anvend kolonne-/linjestørrelse , og vælg derefter Tilpas kolonnestørrelse / Tilpas række . I pop op-vinduet kan du vælge område og indstille px for kolonner eller rækker. Klik på Udført for at afslutte.

2. Tema og sorteringsmuligheder

I hver tabel kan du finde valg af tema ved Menu-tema. Klik bare på et tema for at anvende det.

På det samme menutema > Alternative farver hjælper funktionen "Automatisk styling" dig med at farve linjen på dit bord med sidehoved og sidefod . Du kan vælge skabelonstilene eller lave dine egne i plugin-indstillinger.

Og du kan fjerne den alternative farve ved at klikke på "Fjern >  Fjern automatisk styling" i højrekliksmenuen. Så vil farven blive ryddet efter din bekræftelse.

Den sorterbare parameter giver dig mulighed for at lave AJAX-datasortering på frontend. Du kan se på Menu Format > Sorter .

Tabellen align handler om at justere den div, der indeholder hele tabellen, centrer hele tabellen for eksempel. Du kan finde under Menuformat > Tabeljustering .

En cellefremhævning er også tilgængelig som en mulighed. Du kan aktivere denne funktion i konfigurationen. Den er som standard deaktiveret. Du kan vælge fremhævningsrække for at justere farve og uigennemsigtighed for fremhævning.

3. Tilføj værktøjstip på celler

På hver celle på et bord kan du se indstillingen Tilføj værktøjstip, når du højreklikker på den.

Du kan indstille værktøjstipbredden i pixels. Det bringer dig til et værktøjstip med en editor til redigering.

Tilføj indhold og gem, du er færdig, værktøjstip vises på offentlig side på musemarkøren.

4. Frysning af række og søjler

Kolonnefrysning

Kolonnefrysning er tilgængelig i menuformatet > Responsive muligheder . Du kan fryse op til 5 kolonner. Det tælles fra første kol.

For at gøre kol / række frysning er der en ekstra mulighed, der giver dig mulighed for at rette bordets højde (fordi din bordbeholder muligvis har en uendelig højde).

Når du har valgt den kolonne, der skal fryses, vil du kunne rulle på din tabel og altid vise den faste kolonne.

Radfrysning

Du kan finde den under Menu Format > Tabeloverskrift , herfra kan du slå muligheden til og indstille rækker til at fryse (op til 5 rækker).

Hvis du vil indstille bordhøjden, skal du vende tilbage til Responsive muligheder.

Derefter fryses den første række ved frontend efter indstillingen.

5. Filtrering af kolonnedata

En filtreringsmulighed er tilgængelig under Menu Format  > Filtre . Du kan aktivere den ved at klikke for at aktivere offentlige datafiltreringsfelter.

Eksempel på filtre:

6. Cellepolstring og kantradius

Du kan finde kantikonet på værktøjslinjen, der hjælper med at justere polstring og kantradius på cellen.

7. Brugerdefineret CSS

Lad os gå et skridt videre. Hvis du er en webdesigner med css-færdigheder, vil du være i stand til at tilføje css på Menu Format > Custom CSS.

CSS-koden er farvet ved hjælp af kodespejl og kan skrives i mindre CSS, den fungerer også!

Celler, linje, kolonner har koordinater til at identificere hver enkelt og anvende brugerdefinerede css på det. R er række, C er kolonne.

8. Responsive WordPress-tabeller

Er mine tabeller lydhøre eller bruger du rullepanelet på små enheder?

Skjul Cols

WP Table Manager håndterer det responsive design med et prioriteret værktøj, som en mulighed. Som standard er den responsive funktion deaktiveret, der vil være et overløb (heksen fungerer dog godt på mobilen). For at bruge Hiding Cols- indstillingen skal du gå til Menu Format > Responsive muligheder.

Den responsive tilstand er avanceret, du kan definere en prioritet for at skjule kolonner på mobilstørrelser.
Når kolonner er skjult, vil en mobilmenu med et afkrydsningsfelt blive vist for at fremtvinge visning/skjulning af kolonner. Søjlestørrelsen er fast under tabeludgaven. Hvis størrelsen af ​​alle kolonnerne er for stor til containeren, vil du have et overløb, og du vil nemt kunne scrolle på mobile enheder.

Tabel med en rulle (bedre til en lille mængde kolonner)

Tabel med skjult kolonne (bedre for en stor mængde kolonner)

Gentagen header

Dette er en anden mulighed, hvis du vil indsætte en tabel i et lille område på dit websted. Du skal navigere til Menuformat > Responsive muligheder. Vælg derefter Responsive Type > Repeated header.

Der vil være muligheder for at tilpasse efter dit krav:

• Responsivt breakpoint (px): Vælg en breakpoint-værdi i pixel for at definere, hvornår tabellen skifter til denne responsive tilstand
• Responsiv maksimalhøjde (px): Når den responsive tilstand er aktiveret, afhængigt af brudpunktværdien, definer en maksimal højde for at undgå en meget lang tabel
• Responsive mode styling: Anvend en standard styling til denne responsive mode eller brug tabelfarverne

Derefter kan du se, hvordan bordet ser ud på frontend.

Hvis du bruger Gentaget overskrift , og filterindstillingen er aktiveret, kan du filtrere ved at skrive på tekstfeltet i mobilvisning.

9. Eksporter til Excel

For at gemme din tabel på din pc, skal du gå til Menutabel og klikke på Eksporter Excel-knappen . Så vil filtypen være *.xlsx efter eksport på frontend.

10. Paginering

Du kan finde denne funktion under Menuformat > Sideinddeling i hver tabeludgave. Brug til/fra-knappen til at aktivere og vælge antallet af rækker, der skal vises på en side.

11. Celler kant styling

Du kan anvende kanttyper til din tabel, såsom kantbredde, kantfarve, kantstil. Først skal du vælge celleområdet, og derefter klikke på ikonet på værktøjslinjen.

12. Print bord på frontend

Nogle gange skal du udskrive dit bord. Så for at vise Udskriv-knappen for en tabel på frontend, skal du først navigere til Menutabel > Udskriv-knap.