WP Table Manager: Stylingborde

1. Format

Formatfanen er som standard til højre på skærmen. Den indeholder forskellige parametre.

 

image31

 

  • Celletype: standard eller HTML. Standardtypen giver dig mulighed for at beregne HTML-indholdet HTML-indhold som billeder. En WYSIWYG editor for hver celle vil blive implementeret i den næste version, for øjeblikket tilføjer du HTML i cellen.
  • Cell baggrund farve: selvfølgelig definerer baggrundsfarve

 

image32

 

Grænser og skrifttypeindstillinger kan anvendes på enkelte eller flere celler

 

image33

 

Rækken og kolonnebredden kan defineres i pixels. Vælg kolonne eller række overalt i tabellen og valider størrelse.

 

2. Tema- og sorteringsindstillinger

På tabellen tabeller, stadig på den højre side, har du en temavelger. Bare klik på et tema for at anvende det.

Ved at anvende et tema erstattes alle data og stil inde i bordet. Så måden at gå videre er at anvende et tema og derefter redigere data ot oprette dit eget tema og duplikere dine tabeller.

 

tema-valg

 

Funktionen "Automatisk styling: hjælper dig med at farve linjen på bordet med Overskrift styling og Footer styling muligheder. Du kan vælge skabelonformaterne eller lave dine egne ved plugin-indstillinger.

 

image35

 

Sorterbar parameter giver dig mulighed for at lave AJAX datasortering på frontend.

 

image36

 

Tabeljusteringen handler om justering af div'en, der indeholder hele tabellen, centrerer f.eks. Hele tabellen.

 

image37

 

En cellehightlight er også tilgængelig som en mulighed. Du kan aktivere denne funktion i konfigurationen. Det er deaktiveret som standard. Du kan markere højdejusteret farve og uigennemsigtighed ved at fremhæve.

 

tabel-højdepunkt

 

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

Celleværktøjstips skal aktiveres fra plugin-konfigurationen (Konfigurationsmenu). Efter aktivering får du en knap i bunden af Format fane under tabeludgaven.

 

image39

 

Du kan for en bredde i pixels. Rediger værktøjstip vil bringe dig til et værktøjstip med en editor til at redigere værktøjstipen.

 

værktøjstip-editor

 

Tilføj indhold og gem, du er færdig, værktøjstipet vil blive vist på den offentlige side på musemarkøren.

 

værktøjstip-hover

 

4. Frysning af linje og søjler

Linje- eller kolonnefrysning er tilgængelig i Bord fane. Du kan fryse op til 5 linjer eller kolonner. Det regnes fra den første række / kol.

 

fryse-line

 

For at gøre kølefrysning er der en ekstra mulighed, som giver dig mulighed for at fastsætte bordets højde (fordi din bordbeholder kan have en uendelig højde).

 

fryse-rækken

 

Når du har valgt linjen eller kolonnen for at fryse, vil du kunne rulle på bordet og altid vise den faste linje / rækker.

 

fix-line-visning

 

5. Filtrering af kolonnedata

En filtreringsindstilling er tilgængelig i tabellen tabulator igen. Du kan aktivere det for at aktivere felter til offentlig datafiltrering.

 

filter-søjle

Eksempel på filtre:

 

lydhør-table-scroll

 

6. Tilpasset CSS

Lad os gå et skridt videre. Hvis du er en webdesigner med css færdigheder, vil du kunne tilføje css i Flere faneblade. Du kan tilføje polstring og kantradius på celle.

 

image47

 

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

 

Stadig på Flere faneblade, klik på brugerdefineret CSS-knap for at få adgang til css udgave. CSS-koden er farvet ved hjælp af kode spejl og kan skrives i mindre CSS, det virker også!

 

custom-table-css

 

Celler, linjer, kolonner har koordinater til at identificere hver enkelt og anvende tilpassede css på den. R er række, C er søjle.

 

css-visning

 

7. Responsive WordPress-tabeller

Er mine borde lydhør eller brug rulle på små enheder?

WP Table Manager håndterer det responsive design med et prioriteringsværktøj som en mulighed. Som standard er den reaktive funktion deaktiveret, der vil være et overløb (heks fungerer fint på mobil selv).

 

responsiv tilstand

 

Den modtagelige tilstand er avanceret, du kan definere en prioritet for at gemme kolonner på mobilstørrelser. Når kolonner er gemt, vises en mobilmenu med afkrydsningsfeltet for at tvinge visning / skjul af kolonner.
Kolonnestørrelsen er fastsat under tabeludgaven. Hvis størrelsen af ​​alle kolonner er for stor til beholderen, får du et overløb, og du kan nemt rulle på mobile enheder.

Bord med en rulle (bedre for en lille mængde kolonner)

 

lydhør-table-scroll

 

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

 

57bb0cb0ac948

 

8. Download tabel

For at dele dit bord til offentligheden skal du aktivere Download-knap mulighed på Tabellen Tabel på højre panel. Filtypen vil være * .xlsx.

 

Download-bord

 

9. Pagination

Du kan finde denne funktion under fanen Tabel i hver tabel. Aktivér og vælg antallet af rækker, der skal vises på en side.

 

sidetal-wptm