WP Table Manager : Styling Tables

1. Format

Faneformatet er som standard tilgængeligt til højre for din skærm. Det indeholder forskellige parametre.

 

image31

 

  • Celletype: standard eller HTML. Standardtypen giver dig mulighed for at foretage beregning med det HTML, der indsætter HTML-indhold som billeder. En WYSIWYG-editor for hver celle implementeres i den næste version, i det øjeblik du tilføjer HTML i cellen.
  • Cellebaggrund farve: definerer baggrundsfarve selvfølgelig

 

image32

 

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

 

image33

 

Række- og kolonnebredden kan defineres i pixels. Vælg kolonne eller række hvor som helst i tabellen og valider størrelse.

 

2 . Tema- og sorteringsmuligheder

I hver tabel kan du finde Valg af tema mulighed kl Menutema. Klik bare på et tema for at anvende det.

Anvendelse af et tema erstatter alle data og stil inde i din tabel. Så vejen til at fortsætte er at anvende et tema og derefter redigere data for at oprette dit eget tema og derefter duplisere dine tabeller.

 

tema-valg

 

På det samme Menutema> Alternative farver, hjælper funktionen "Automatisk styling" dig med at farve linjen på dit bord med Header styling og Footer styling muligheder. Du kan vælge skabelonformater eller lave dine egne ved plugin-indstillinger.

 

tema-alter-farve

 

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

 

sort-bord

 

Tabellen justeres handler om at justere div, der indeholder hele tabellen, centrere hele tabellen for eksempel. Du kan finde på Menuformat> Tabeljustering.

 

tabel-align

 

En cellehøjdepunkt er også tilgængelig som en mulighed. Du kan aktivere denne funktion i konfigurationen. Det er som standard deaktiveret. Du kan vælge markering række justere farve og opacitet fremhævning.

 

tabel-højdepunkt

 

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

På hver celle i et bord kan du se muligheden Tilføj værktøjstip, når du foretager et højreklik på det.

 

add-tooltip

 

Du kan indstille værktøjstipens bredde i pixels. Det bringer dig til et værktøjstip med en redaktør, du kan redigere.

 

værktøjstip-editor

 

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

 

værktøjstip-hover

 

4 . Line og søjle frysning

Linie- eller søjlefrysning er tilgængelig i menuen Format> Responsive indstillinger. Du kan fryse op til 5 linjer eller kolonner. Det tælles fra den første række / kol.

 

fryse-line

 

For at fryse fryser er der en ekstra mulighed, der giver dig mulighed for at fastsætte bordets højde (fordi din bordbeholder muligvis har en uendelig højde).

 

fryse-rækken

 

Når du har valgt linjen eller kolonnen, der skal fryses, kan du rulle på dit bord og altid vise den faste linje / rækker.

 

fix-line-visning

 

5 . Filtrering af kolonnedata

En filtreringsindstilling er tilgængelig kl Menuformat > Filtre. Du kan aktivere det ved at klikke for at aktivere offentlige datafiltreringsfelter.

 

filter-søjle

 

Eksempel på filtre:

 

lydhør-table-scroll

 

6 . Cellepolstring og grænseradius

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

 

padding-grænse

 

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

 

7 . Tilpasset CSS

Lad os gå et skridt videre. Hvis du er en webdesigner med css-færdigheder, kan du tilføje css på Menuformat> Tilpasset CSS. 

 

format-custom-css

 

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

 

custom-table-css

 

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

 

css-visning

 

8 . Responsive WordPress tabeller

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

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å mobilenheder).

 

responsiv tilstand

 

Den responsive tilstand er avanceret, du kan definere en prioritet for at skjule kolonner i mobilstørrelser. Når kolonner er skjult, vises en mobilmenu med afkrydsningsfelt for at tvinge visning / skjul af kolonner.  
Kolonnestørrelsen er fast under bordudgaven. Hvis størrelsen på alle søjler er for stor til beholderen, har du et overløb, og du kan let rulle på mobile enheder.

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

 

lydhør-table-scroll

 

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

 

57bb0cb0ac948

 

9 . Download tabel

For at dele din tabel til offentligheden skal du aktivere Download-knap mulighed kl Tabel fane på højre panel. Filtypen vil være * .xlsx.

 

Download-bord

 

10 . paginering

Du kan finde denne funktion på Menu> Format fane i hver tabel. Brug vippeknappen for at aktivere og vælge antallet af rækker, der skal vises på en side.

 

sidetal-wptm