WP Table Manager : Styling Tables

1. Formatera

Formatfliken är tillgänglig till höger på skärmen som standard. Den innehåller olika parametrar.

 

image31

 

  • Celltyp: standard eller HTML. Standardtypen låter dig göra beräkningar med det HTML som infogar HTML-innehåll som bilder. En WYSIWYG-redigerare för varje cell kommer att implementeras i nästa version, för närvarande du lägger till HTML i cellen.
  • Cellbakgrund Färg: definiera bakgrundsfärg naturligtvis

 

image32

 

Gränser och typsnitt kan användas på enstaka eller flera celler

 

image33

 

Rad- och kolumnbredden kan definieras i pixlar. Välj kolumn eller rad var som helst i tabellen och validera storleken.

 

2 . Tema och sorteringsalternativ

På tabellfliken, fortfarande till höger, har du en temaväljare. Klicka bara på ett tema för att tillämpa det.

Att använda ett tema kommer att ersätta all data och stil i tabellen. Så sättet att fortsätta är att tillämpa ett tema sedan redigera data för att skapa ditt eget tema och sedan duplicera dina tabeller.

 

theme-val

 

"Automatisk stylingfunktion: hjälper dig att färga linjen på ditt bord med Header styling och Footer styling alternativ. Du kan välja mallstilar eller göra dina egna vid insticksinställningar.

 

image35

 

Den sorterbara parametern låter dig göra AJAX-datasortering på frontend.

 

image36

 

Tabellen justerar handlar om att justera div som innehåller hela tabellen, centrera hela tabellen till exempel.

 

image37

 

En cellhightlight är också tillgänglig som tillval. Du kan aktivera den här funktionen i konfigurationen. Det är som standard inaktiverat. Du kan välja markera radjustera färg och opacitet för markering.

 

tabell-highlight

 

3 . Lägg till verktygstips på celler

Cellverktygstips måste aktiveras från plugin-konfigurationen (Konfigurationsmeny). Efter aktivering får du en knapp längst ner på Formatera under tabellutgåvan.

 

image39

 

Du kan få en bredd i pixlar. Redigeringsverktygstipet tar dig till ett verktygstips med en redigerare för att redigera verktygstipset.

 

tooltip-editor

 

Lägg till innehåll och spara, du är klar, verktygstipet kommer att visas på offentlig sida på muspekaren.

 

tooltip-hover

 

4 . Linje och kolumn frysning

Linje- eller kolumnfrysning finns i Tabell flik. Du kan frysa upp till 5 rader eller kolumner. Det räknas från första raden / kolumnen.

 

frys-line

 

För att frysa raden finns det ett ytterligare alternativ som låter dig fixa bordets höjd (eftersom din bordsbehållare kan ha en oändlig höjd).

 

frys-rad

 

När du har valt raden eller kolumnen att frysa kan du bläddra på ditt bord och alltid visa den fasta linjen / raderna.

 

fix-line-visning av

 

5 . Filtrera kolumndata

Ett filtreringsalternativ är tillgängligt på tabellfliken igen. Du kan aktivera det för att aktivera offentliga datafiltreringsfält.

 

filter-kolonn

Exempel på filter:

 

reagerar-table-scroll

 

6 . Anpassad CSS

Låt oss gå ett steg längre. Om du är en webbdesigner med css-färdigheter kan du lägga till css i Mer flik. Du kan lägga till stoppning och kantradie på cellen.

 

image47

 

Observera att om du har använt ett tema kommer vissa anpassade css att läggas till automatiskt. Du kan ändå ändra det självklart.

 

Fortfarande på Mer flik, klicka på anpassningen CSS-knapp för åtkomst till css-utgåvan. CSS-koden är färgad med kodspegel och kan skrivas i mindre CSS, den fungerar också!

 

custom-table-css

 

Celler, rad, kolumner har koordinater för att identifiera var och en och anpassa css på den. R är rad, C är kolumn.

 

css-uppvisande

 

7 . Responsiva WordPress-tabeller

Är mina tabeller lyhörda eller använder du rullningen på små enheter?

WP Table Manager hanterar den responsiva designen med ett prioriterat verktyg, som ett alternativ. Som standard är den responsiva funktionen inaktiverad, det kommer att bli ett överflöde (häxan fungerar dock bra på mobilen).

 

reagerar-mode

 

Det responsiva läget är avancerat, du kan definiera en prioritering för att dölja kolumner i mobilstorlekar. När kolumner är dolda kommer en mobilmeny med kryssruta att visas för att tvinga visning / dölja kolumner.
Kolumnstorleken är fast under tabellutgåvan. Om storleken på alla kolumner är för stor för behållaren har du ett överflöde och du kan enkelt bläddra på mobila enheter.

Tabell med en rullning (bättre för en liten mängd kolumner)

 

reagerar-table-scroll

 

Tabell med dold kolumn (bättre för en stor mängd kolumner)

 

57bb0cb0ac948

 

8 . Ladda ner tabell

För att dela ditt bord till allmänheten bör du aktivera Ladda ner knappen alternativ kl Tabellflik på höger panel. Filtypen kommer att vara * .xlsx.

 

download-tabellen

 

9 . Paginering

Du hittar den här funktionen på tabellen Tabell i varje tabell. Aktivera och välj antalet rader som ska visas på en sida.

 

sidnumrering-wptm