WP Table Manager : Styling Tables

1. Formater

Formatfanen er tilgjengelig til høyre på skjermen som standard. Den inneholder forskjellige parametere.

 

image31

 

  • Celletype: standard eller HTML. Standardtypen lar deg gjøre beregning med den HTML som setter inn HTML-innhold som bilder. En WYSIWYG-redigeringsprogram for hver celle blir implementert i neste versjon, for øyeblikket du legger til HTML i cellen.
  • Cellebakgrunn farge: definerer bakgrunnsfarge selvfølgelig

 

image32

 

Grenser og fontalternativer kan brukes på enkelt- eller flere celler

 

image33

 

Rad- og kolonnebredden kan defineres i piksler. Velg kolonne eller rad hvor som helst i tabellen og bekreft størrelse.

 

2 . Tema- og sorteringsalternativer

På tabellfanen, fremdeles til høyre del, har du en temavelger. Bare klikk på et tema for å bruke det.

Å bruke et tema vil erstatte alle dataene og stilen i tabellen din. Så måten å fortsette på er å bruke et tema og redigere data for å lage ditt eget tema og deretter duplisere tabellene.

 

tema-valg

 

"Automatisk stylingfunksjon: hjelper deg å fargelegge linjen på bordet ditt med Header styling og Bunntekst styling alternativer. Du kan velge malerstiler eller lage dine egne ved plugin-innstillinger.

 

image35

 

Den sorterbare parameteren lar deg lage AJAX-datasortering på frontend.

 

image36

 

Tabelljusteringen handler om å justere div som inneholder hele tabellen, sentrer hele tabellen for eksempel.

 

image37

 

En cellehightlight er også tilgjengelig som ekstrautstyr. Du kan aktivere denne funksjonen i konfigurasjonen. Den er deaktivert som standard. Du kan velge utheving på radjuster farge og uklarhet på utheving.

 

table-høydepunkt

 

3 . Legg til verktøytips på celler

Cell-verktøytips må aktiveres fra plugin-konfigurasjonen (Konfigurasjonsmeny). Etter aktivering får du en knapp nederst på Format fane under tabellutgaven.

 

image39

 

Du kan for en bredde i piksler. Redigeringsverktøytipen fører deg til en verktøytip med en redaktør for å redigere verktøytipen.

 

tooltip-redaktør

 

Legg til innhold og lagre, du er ferdig, verktøytipsen vises på offentlig side på musepekeren.

 

tooltip-hover

 

4 . Linje og kolonne fryser

Linje eller kolonne frysing er tilgjengelig i Bord fane. Du kan fryse opptil to linjer eller kolonner. Det telles fra første rad / kol.

 

fryse-linje

 

For å fryse rad er det et ekstra alternativ som lar deg fikse høyden på bordet (fordi bordbeholderen din kan ha en uendelig høyde).

 

fryse-rad

 

Når du har valgt linjen eller kolonnen du vil fryse, vil du kunne rulle på bordet ditt og alltid vise den faste linjen / radene.

 

fix-line-visning

 

5 . Filtrering av kolonnedata

Et filtreringsalternativ er tilgjengelig i tabellfanen igjen. Du kan aktivere den for å aktivere offentlige datafiltreringsfelt.

 

filter-kolonne

Eksempel på filtre:

 

responsiv-tabell-scroll

 

6 . Tilpasset CSS

La oss gå ett skritt utover. Hvis du er en webdesigner med css-ferdigheter, vil du kunne legge til css i Mer fane. Du kan legge til polstring og kantradius på cellen.

 

image47

 

Merk at hvis du har brukt et tema, vil noen tilpassede css legges til automatisk. Du kan fortsatt redigere det selvfølgelig.

 

Fortsatt på Mer fane, klikk på den egendefinerte CSS-knapp for å få tilgang til css-utgaven. CSS-koden er farget med kodespeil og kan skrives i mindre CSS, den fungerer også!

 

custom-table-css

 

Celler, linje, kolonner har koordinater for å identifisere hver enkelt og anvende tilpassede css på den. R er rad, C er kolonne.

 

css-visning

 

7 . Responsive WordPress-tabeller

Er tabellene mine lydhøre eller bruker du bla på små enheter?

WP Table Manager håndterer responsiv design med et prioritert verktøy, som et alternativ. Som standard er den responsive funksjonen deaktivert, det vil være et overløp (heks fungerer imidlertid bra på mobil).

 

responsive-modus

 

Responsiv modus er avansert, du kan definere en prioritet for å skjule kolonner på mobilstørrelser. Når kolonner er skjult, vises en mobilmeny med avkrysningsrute for å tvinge frem visning / skjul av kolonner.
Kolonnestørrelsen er fast under tabellutgaven. Hvis størrelsen på alle kolonnene er for stor for beholderen, har du et overløp, og du kan enkelt bla på mobile enheter.

Tabell med en rulle (bedre for en liten mengde kolonner)

 

responsiv-tabell-scroll

 

Tabell med kolonne skjult (bedre for en stor mengde kolonner)

 

57bb0cb0ac948

 

8 . Last ned tabellen

For å dele tabellen din til det offentlige, må du aktivere Last ned-knappen alternativ kl Tabell-fane på høyre panel. Filtypen vil være * .xlsx.

 

download-tabellen

 

9 . paginering

Du finner denne funksjonen på Tabell-fanen i hver tabell. Aktiver og velg antall rader som skal vises på en side.

 

paginering-wptm