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 Ændr størrelse på kolonne / Ændr størrelse på række . I pop op-vinduet kan du vælge område og indstille px for kolonner eller rækker. Klik på knappen Udført

2. Temaer og muligheder

I hver tabel kan du finde temavalgsmuligheden under Menu Theme. Bare klik på et tema for at anvende det.

Anvendelse af et tema vil erstatte alle data og stil i din tabel. Så måden at fortsætte på er at anvende et tema og derefter redigere data for at oprette dit eget tema og derefter duplikere dine tabeller.

Skiftende farver

På det samme menutema > Alternative farver hjælper funktionen "Automatisk styling" dig med at farve linjen på dit bord med for 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.

Bordjustering

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

Celle fremhævning

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.

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øjstip-bredden i pixels. Det vil bringe dig til et værktøjstip med en editor til at redigere.

Tilføj indhold og gem, du er færdig, værktøjstippet vil blive vist på den offentlige side ved musebevægelse.

4. Række- og kolonnefrysning

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 det under Menu Format > Tabeloverskrift , herfra kan du aktivere mulighed 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.

Så vil den første række blive frosset på frontend efter indstillingen.

5. Sorter og filtrer

Hvis du vil sortere eller filtrere din tabel, skal du navigere til menuformat > Sorter og filtre .

Derefter vises en popup, der indeholder sorterings- og filtreringsmuligheder.

Hvis du vil sortere en tabel, skal du blot aktivere Frontend-sortering . Du kan vælge en kolonne til standardsortering og dens retning.

For eksempel skal du i dette tilfælde vælge kolonne A med ASC- retning.

Der er 2 muligheder for filter:

Inde i kolonnen: Du kan filtrere data i overskriften på hver kolonne. Til/fra-knappen hjælper dig med at vise eller skjule søgefeltet i overskriften.

Avanceret filterformular: Når indstillingen er valgt, kan du søge og filtrere data i en tabel

Hovedsøgning: Når du aktiverer denne funktion, tilføjer den et søgeindtastningsfelt på frontenden. Dette giver brugerne mulighed for nemt at søge gennem alle data i tabellen.

6. Cellepolstring og kantradius

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

Bemærk, at hvis du har anvendt et tema, tilføjes nogle tilpassede css automatisk. Du kan selvfølgelig stadig redigere det.

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, det virker også!

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

8. Responsive WordPress-tabeller

Er mine borde responsive eller bruger rullen 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 for en lille mængde kolonner)

Tabel med kolonne skjult (bedre for et stort antal 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:

Responsive breakpoint (px): Vælg en breakpoint-værdi i pixel for at definere, hvornår tabellen skifter til denne responsive mode
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 for denne responsive mode eller brug bordfarverne

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 > Paginering 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 på frontenden, skal du først navigere til Menutabel og markere Udskriv-knappen.