Droptables dokumentation

 

Introduktion

Droptables er en Joomla-udvidelse, der bruges til at styre HTML-tabeller i Joomla med et regneark som interface.

Droptables-table-forlængelse

Hovedtræk:

  • Administrer tabeller som i et regneark
  • 6 temaer inkluderet
  • Fuldt styret fra enhver editor
  • Excel og Google Sheets synkronisering
  • AJAX automatisk besparelse
  • Sorterbar data på frontend
  • Celle, linje, kolonne stil editor
  • Kopier celle med drag'n drop
  • Kopier hele tabellen med et enkelt klik
  • HTML-celler format
  • Avanceret CSS kode editor

 

I. DROPTABLES INSTALL

1.1 Installer

Vores komponent er Joomla 3.x-kompatibel. Alle funktioner og 3rd party integrationer er inkluderet i alle medlemskab.
For at kunne installere vores komponent skal du downloade udvidelsen .zip-fil og bruge standard Joomla installer.

joomla-installation

 

Klik derefter på Gennemse> Upload og installer knappen, komponent, moduler og plugins vil blive installeret som standard.

 

1.2 Opdatering og automatisk opdatering

For at opdatere udvidelsen kan du installere en ny version over den gamle ved at downloade ZIP-filen fra JoomUnited eller brug den automatiske opdaterer (anbefales).

Droptable-opdatering

Den automatiske opdateringsenhed, som skubber opdateringsmeddelelsen, er integreret i Joomla-udvidelsen, du har installeret. Så du får besked som enhver anden udvidelse i instrumentbrættet eller ved hjælp af menuen: Udvidelse> Administrer> Opdater menu.

Log ind på din konto for at opdatere

Du skal logge ind på din JoomUnited-konto for at opdatere alle dine JoomUnited Joomla-udvidelser. For at logge ind, skal komponentens hovedkonfiguration klikke på Live opdateringsfanen. Nederst finder du en login-knap.

live opdatering

 

Indtast dine JoomUnited credentials, det samme du bruger til at logge ind her @ www.joomunited.com

log-joomunited

 

Knappen bliver orange, lykønsker! Du kan nu opdatere alle JoomUnited udvidelser på denne Homemeside! Hvis dit medlemskab er udløbet, får du en fornyet link og en tekst, der forklarer det.

konto-linked

Bemærk: Et enkelt login giver dig mulighed for at opdatere alle JoomUnited-udvidelser (vedrørende dit medlemskab). Login ikke udløber, medmindre du afbryder forbindelsen.

II. MANAGER TABELLER

2.1 Administrer tabeller fra artiklen eller komponenten

Når Droptables er installeret, har du en komponentindtastning, menukomponenter> Droptables og en editor-knap der vises under din editor. Klik på den for at åbne hovedvisningen Droptables.

droptables-editor

 

Tabellhåndteringsgrænsefladen åbnes i en lightbox fra editoren:

droptables-lightbox-open

 

Når du vil indsætte et bord i din editor, skal du bruge øverste højre knap Indsæt denne tabel at sætte det i din artikel. Derefter bliver bordet materialiseret med et gråt område og et Excel-ikon.

tabel-i-editor

 

Hvis du klikker på området, klikkes derefter på knappen Droptables igen, tabellen, der tidligere blev tilføjet.

 

2.2 Administrer tabeller og kategorier

Tabeller er klassificeret i kategorier. Du kan have så mange tabeller, som du vil have indenfor kategorier. For at oprette en tabellen kategori, klik på Ny tabellen kategori på øverste centrum. For at oprette et nyt bord skal du blot klikke på Opret bord.

tabel-kategorier

 

Bemærk: En standardkategori og -tabel er allerede oprettet under komponentinstallationen. Du kan flytte tabeller og tabeller kategorier ved hjælp af drag'n drop.

tabel-move

 

Kategorien kan styres ved at placere din mus på den, du kan redigere navnet, kopiere eller slette tabellen.

tabel-navn

 

2.3 Tabeludgave

For at tilføje data i tabeller skal du handle som om du er i et spreadsheat. Dobbeltklik på en celle giver dig mulighed for at opdatere indhold, et enkelt klik for at vælge en / nogle celler (og for eksempel at anvende stil).

edit-celle

For at tilføje linje eller kolonner skal du klikke på + på bordgrænsen:

add-line-bord

 

Eller brug højre klik.

højre-klik-add

 

For at kopiere celler kan du bruge CTRL + C / CTRL + V, eller du kan også lægge musen i nederste højre hjørne af cellen og bringe den i den ønskede retning.

kopi-celle

 

Bemærk: Alle ændringer gemmes automatisk automatisk med en besked øverst til højre. Du har mulighed for at deaktivere denne funktion fra Droptables> Indstillinger

spare-bord

 

 

Fra højre klikmenuen kan du fortryde de seneste ændringer, alle de seneste siden du har genindlæst siden. Droptables holder en sikkerhedskopi af den ændring, du har gjort, og er i stand til at gendanne den.

fortryde-action

Celler kan også fusioneres. Vælg 2 celler eller mere og derefter højreklik. En menu giver dig mulighed for at gøre sammenlægningen.

 

2.4 Avanceret indholdsudgave

Vi har for nylig tilføjet en ny funktion i udgave-grænsefladen. Du kan nu tilføje HTML-indhold med en WYSIWYG-editor inden for hver celle. Vælg en celle, Gå til højre på fanen Format> HTML

html-celle

 

Nu, når du redigerer cellen, har du HTML editor indenfor. Det indeholder også alle editorens indholdsknappen, her har jeg f.eks. Brugt billedknappen. De tilgængelige redigerbare knapper kan konfigureres som en mulighed.

redaktør-knap

 

 

2.5 Excel og regneark import / eksport

 

Du kan importere og eksportere regneark i Droptables ved hjælp af vores dedikerede værktøj. Det skal aktiveres fra konfigurationen: Komponenter> Droptables> Indstillinger

excel-import

 

Tabellerne kan importeres fra Excel eller Open Office. Formatet registreres automatisk og importeres. Bemærk, at kun den første Excel-side vil blive importeret. Eksporten kan udføres i Excel 2003 eller 2007 format.

Excel - ark-import-eksport

 

Du kan også importere eller eksportere kun tabel data eller tabel data + stilarter. Kun importoplysningerne er ret praktiske til at bevare dit layout ved import.

 

III. STILLING AF TABELLERNE

3.1 Format

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

 

tabel-format

  • Celletype: standard eller HTML (med editor). Standardtypen giver dig mulighed for at beregne HTML-indholdet HTML-indhold som billeder.
  • Celle baggrunden handler om at definere baggrundsfarve selvfølgelig
  • Border og font muligheder kan anvendes på enkelte eller flere celler
  • Rækken og kolonnebredden / højden kan defineres i pixels. Vælg kolonne eller række overalt i tabellen og valider størrelse.

række-søjle-størrelse

Et værktøjstip på celle musepude er også tilgængelig (skal aktiveres fra komponentvalg). Ved at klikke på værktøjstip-knappen kan du redigere indholdet, der er synligt på celle musemarkør på frontend.

tabel-celle-tooltip

 

3.2 Tema- og sorteringsindstillinger

 

På tabellen tabulator, stadig på den højre side, har du en miniaturefelt vælger. Bare klik på et tema for at anvende det. Vi anbefaler stærkt at anvende temaer på friske tabeller, det er meget nemmere at ændre data derefter.

tema-valg

Hvis du allerede har data i din tabel, og du anvender et tema, fjernes alle data. Hvis du anvender et tema på et nyt bord, vil eksempeldata og stil blive tilføjet og kan redigeres.

 

Stadig i tabellen højre højre kolonne er parameterrammen 2 her for at definere farven på alternative linjer (linje1, linje2, linje1, linje2 ...)

to-frame

 

Sorterbar parameter giver dig mulighed for at lave AJAX datasortering på frontend. Bemærk, at hvis du aktiverer filterværktøjet, vil et data sorteringsværktøj som standard blive aktiveret.

sorteres-og-filter-bord

 

  • Brug sortable tabel: Ja Nej
  • Juster bordet: Center / højre / venstre / Ingen
  • Responsive Type: Scrolling / Hiding Cols
  • Aktivér filtre: Ja Nej
  • Aktivér pagination: Ja Nej
  • Antal rækker per side: 10, 20, ...
  • Sorter en klom som standard: vælg kløver A, B eller C, ...
  • Ordren sorterer som standard en kolonne: ASC / DESC

Datafilter og sortere på frontend

data-filter

Tabeljusteringen handler om justering af div'en, der indeholder hele tabellen, centrerer f.eks. Hele tabellen. Kolonne- og linjefrysningsindstillingerne fryser markeringen og aktiverer en rulle i resten.

line-frost

 

Gør mine tabeller lydhør eller brug rulle på små enheder?

Droptables 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.

Tabel 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)

lydhør-table-cololumn-skjul

 

En cellehightlight er også tilgængelig som en mulighed. Du kan aktivere denne funktion i konfiguration. Det er deaktiveret som standard. Du kan justere farve og opacitet for fremhævning.

table-fremhæve

 

3.3 ACL og Frontend administration

Det er muligt at styre dine tabeller fra Joomla-fronten. Fra Joomla menu manager, Tilføj en ny menu element og vælg som type Administrer tabeller og vælg Droptables frontend som skabelon.


Menuen-droptables

 

 

Her er hvad du kan se Droptables Manager fra frontend.

Droptables-frontend

 

Bemærk: For at vise bordschefgrensesnittet med fuld skærm på frontend, skal du vælge Skabelon Style> Droptables frontend.

 

Du kan bruge Joomla User Group ACL til at kontrollere handlingerne i tabeludgave. For det første for at opsætte hvem der har lov til at se tabeller, skal du aktivere Aktivér tabellenadgang (ACL) i Droptables-konfigurationen.

frontend-table-udgave

 

Plus, du kan styre bordet frontend visibity for hver tabel fra bordet indstillinger (Flere faner). Pickup en Joomla brugergruppe, så en gruppe kan se bordet på frontend.

bruger-gruppe-acl

 

3.4 Brugerdefineret CSS

Lad os gå et skridt videre. Hvis du er en webdesigner med CSS udgave færdigheder, vil du kunne tilføje css fra den rigtige Flere faneblad.

Du kan tilføje polstring og kantradius på celle.

padding-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. Her er rækken 1 (r1), kolonne 4 (c4) = dtr1 dtc4

css-koordinaterne

 

CSS-koden er farvet med kodespejl. Css-koden kan være mindre kode, det virker også!

css-custom-bord

 

 

IV. KORT FRA TABELLER

4.1 Opret en tabel med data

Du kan generere diagrammer fra tabeldata, inde i dit indhold. Opret først en tabel med data for at generere diagram.

Tabel behøver ikke at blive vist med diagrammet i dit indhold, og du kan generere flere diagrammer fra et enkelt bord.

 

Derefter gør dig markering for at generere diagram. Her vælges hele bordet.

chart-bord

 

Klik derefter på Tilføj et nyt kort. Et diagram vil blive genereret med respekt for det dataområde, du har valgt. På højre side kan du vælge diagramtypen.

generere-chart

 

Grafen opdateres dynamisk med hensyn til dataændringen i tabellen, du behøver ikke at regenerere den.

 

4.2 Grafikparametre

Når din graf er tilføjet, har du nogle muligheder i højre kolonne.

chart-indstillinger

 

Det Skift række / kolonne er kun tilgængelig, har du kun valgt tal i datasættet. Du får lov til at skifte data fra kolonner til rækkefølge.

Det Brug første række / kolonne som etiketter parameter giver dig mulighed for at tilføje etiket til din graf.

chart-titler

 

Så har du muligheder for at indstille bredde / højde, justere, farve på dit diagram.

 

V. DROPTABLES PARAMETRE & TRICKS

5.1 Parametre

For at få adgang til de globale parametre Droptables, skal du gå ind Komponent> Droptables> Indstillinger

droptables-paramaters

 

I mulighederne kan du definere:
 

  • Tabellen kategorier harmoni automatisk lukke
  • Aktivér Excel import / eksport
  • Vælg eksportformat

droptable-settings2

 

  • Aktivér værktøjstip på celler
  • Aktivér automatisk gemme i AJAX, ellers får du en Gem ændringersknappen
  • Aktivér bordadgang: Aktivér begrænsning af tabeladgang (ACL). Giver dig mulighed for at begrænse tabel editon-tilladelse baseret på Joomla brugergrupper
  • Celle fremhævelse: Aktivér en farve på cellemusen for at se et celleindhold ved første øjekast (Kun linje / Kun kolonne / Begge)
  • Fremhæv farve: Cellen fremhæver sving farve
  • Fremhæv skriftfarve: Celle fremhævende skrifttype svinger farve
  • Fremhævende opacitet: Cellen fremhæver opacitetsniveauet
  • Aktivér skjult højre panel: Ja Nej
  • Table sync periodicity: Tabel automatisk synkroniseringsforsinkelse for Excel-fil eller Google Sheets
  • Aktivér database tabel: Ja Nej

 

5.2 ACL tilladelse

En Joomla ACL integration er tilgængelig. Du kan nu begrænse adgangen til handling eller bord til bordredaktører. Disse begrænsninger gælder for alle tabellerne.

access-tabeller

 

Hvis du f.eks. Vil have en administratorbruger adgang til og redigere kun deres egne tabeller, skal du indstille "redigere" for at nægte og redigere egen til "Tilladt". Du kan også begrænse:

  • Den globale konfiguration
  • Interfaceadgangen
  • Tabellen oprettelse
  • Tabellerne slettes
  • Udgave / egen udgave
Super admin bruger vil altid have alle udgave tilladelser for alle tabeller og kategorier.

 

5.3 Indlæs tabeller i et HTML-tilpasset modul

Droptables er bygget til at blive brugt i hvert WYSIWYG editor-felt, du skal bare have indholds plugin, der skal kaldes. Det meste af tiden er det aktiveret som standard.

Hvis det ikke er tilfældet, som i Joomla HTML brugerdefineret modul, skal du aktivere det som ovenfor.

tabel-in-modul

 

På fanen Indstilling skal du indstille indstillingen Forbered indhold til: Ja

 

5.4 Beregning

Du har en grundlæggende beregning implementering i Droptables. Tilgængelige elementer er:

  • SUM, COUNT, CONCAT
  • MIN, MAX, AVG
  • DATO, DAG, DAGER, DAGER360
  • ELLER, XOR OG OG

For at lave en sum, skriv som denne i en celle (UPPERCASE er obligatorisk): = SUM (A1; B2) eller = SUM (A1: B2)

Og du kan konfigurere symbolet for cellens beregning på nummer, penge eller dato.

beregne-indstillinger

 

  • Datoformater: Indstil datoformat til datoberegninger
  • Symbolposition: For at lave celleberegning på penge skal du definere standardpositionen for valutasymbolet
  • Valutasymbol (er): For at lave celleberegning på penge skal du definere standard valutasymbolet
  • Decimalt symbol: For at lave celleberegning skal du definere standard decimalsymbolet
  • Decimaltælling: Antal ciffer efter decimalsymbolet
  • Tusind symbol: For at lave celleberegning skal du definere standard tusind symbolet

VI. EXCEL OG GOOGLE SHEETS SYNC

6.1 Excel-filsynkronisering

Det er muligt at køre en synkronisering mellem et bord, du har oprettet, og en Excel-fil placeret på din server (hvor som helst). Fra den højre fane, der hedder "Bord", i bunden fik du en blok til at forbinde en Excel-fil til bordet.

sync-excel-valg

Ved at klikke på Gennemse knap, vil du være i stand til at vælge en Excel overalt på din server, her er det en fil, der uploades via medieadministratoren (/ billeder mappe).

fil-browse-excel

 

Når din Excel-fil er linket til bordet, kan du ramme Hent data knap at importere data fra Excel-filen.

hente-excel-data

 

Bemærk: Kun dataene vil blive taget fra Excel, ikke stilarterne, så den globale stil på dit bord forbliver uberørt ved import.

 

Advarsel: Du kan ikke importere meget store Excel-filer (f.eks. Mere end 1000 rækker), afhængigt af din hukommelse, der er tilgængelig på din server.

 

6.2 Synkronisering med Google Sheets

Droptables tilbyder en synkroniseringsfunktion til Google Sheets. Dine Google Sheets skal være " offentliggjort på internettet"synkroniseres. Åbn først dit ark fra Google Drev og offentligg det som webside ved hjælp af menuen Filer.

udgive-til-web

 

Derefter får du adgang til Google Sheets-fillink, kopiere dette link.

offentliggjort-link

 

Og indsæt det i Droptables "Tabell" fanen. Du er færdig! Du kan nu hente data fra dine Google Sheets.

google-sheet-data

 

6.3 Synkronisering af automatisk Excel og Google Sheets

Over fillinket kan du også aktivere en automatisk datasynkronisering. Droptables henter data automatisk med jævne mellemrum.

sync-periode

Når den er aktiveret, vises en meddelelse efter bordets titel.

automatisk synkronisering-meddelelse

 

Synkroniseringsforsinkelsen kan indstilles i Droptables-konfigurationen.

 

VII. TABLER FRA DATABASE

 

Droptables giver dig mulighed for at oprette tabeller fra dine database tabeller. Fra indstillingerne af komponenten skal du Aktivér database tabel.

database config

 

Tilbage til dashboard, for det første vælger du Tabel fra database kategori og klik derefter på Opret bord , så vises alle tabeller i din database nedenfor. Derefter kan du vælge tabeller og kolonner fra din database. Ved at trykke på kontrol kan du vælge flere tabeller, kolonner.

database-udvælgelse


I kolonneudvalg kan du definere en brugerdefineret titel og en standardordre for dine data i tabellen, når de vises på den offentlige side.

kolonne-titleandordering


Derefter fik du nogle muligheder og filter til at søge på dine tabeller:

  • Et paginationsstandardniveau (der skal bruges med en stor mængde data)
  • Antal rækker til paginationen
  • Anvend et filter til dine data, dvs. en kolonne kan være lige, forskellige ... fra en defineret værdi
  • Muligheden for at gruppere nogle værdier i kolonnerne

database-tabel-option


Endelig kan du forhåndsvise og generere dit bord som enhver anden tabel. Når dit bord er genereret, har du stadig adgang til tabellen Database Database, og du kan f.eks. Tilføje en kolonne i din tabel.

database-table-genererede

Bemærk: Den eneste forskel er, at temaer ikke kan anvendes på tabeller, men du kan tilpasse hele skærmen som i enhver anden tabel.