Droptables dokumentasjon

 

Introduksjon

Droptables er en Joomla-utvidelse som brukes til å administrere HTML-tabeller i Joomla med et regneark som grensesnitt.

Droptables-table-forlengelse

Hovedtrekkene:

  • Administrer tabeller som i et regneark
  • 6 temaer inkludert
  • Helt administrert fra enhver redaktør
  • Excel og Google Sheets-synkronisering
  • AJAX automatisk lagring
  • Sorterbar data på frontend
  • Celle, linje, kolonne stil editor
  • Kopier celle med drag'n drop
  • Kopier hele tabellen med ett klikk
  • HTML-celler format
  • Avansert CSS kode redaktør

 

I. DROPTABLES INSTALL

1.1 Installer

Vår komponent er Joomla 3.x-kompatibel. Alle funksjonene og integrasjonene fra tredjeparter er inkludert i alle medlemskap.
For å kunne installere komponenten må du laste ned utvidelsen .zip-fil og bruke standard Joomla installer.

Joomla-installasjon

 

Klikk deretter Bla gjennom> Last opp og installer, komponent, moduler og plugins vil bli installert som standard.

 

1.2 Oppdatering og automatisk oppdatering

For å oppdatere utvidelsen kan du installere en ny versjon over den gamle ved å laste ned ZIP-filen fra JoomUnited eller bruk den automatiske oppdatereren (Anbefales).

Droptable-oppdatering

Den automatiske oppdatereren, som presser oppdateringsvarselet, er innebygd i Joomla-utvidelsen du har installert. Så får du beskjed som enhver annen utvidelse i dashbordet eller ved hjelp av menyen: Utvidelse> Administrer> Oppdater meny.

Logg inn på kontoen din for å oppdatere

Du må logge inn på JoomUnited-kontoen din for å oppdatere alle JoomUnited Joomla-utvidelsene. For å logge inn, må komponentens hovedkonfigurasjon klikke på Live oppdateringsfanen. Nederst finner du en innloggingsknapp.

live oppdatering

 

Skriv inn JoomUnited-legitimasjonene dine, det samme du bruker til å logge inn her @ www.joomunited.com

login-joomunited

 

Knappen blir oransje, gratulerer! Du kan nå oppdatere alle JoomUnited-utvidelsene på denne nettsiden! Hvis medlemskapet ditt er utløpt, får du en forny kobling og en tekst som forklarer det.

konto bundet

Merk: En enkelt pålogging vil tillate deg å oppdatere alle JoomUnited-utvidelsene (angående medlemskapet ditt). Innlogging utløper ikke med mindre du kobler fra den.

II. Administrer tabeller

2.1 Administrer tabeller fra artikkelen eller komponenten

Når Droptables er installert, har du en komponentoppføring, menyelementer> Droptables og en editorknapp som vises under din redaktør. Klikk på den for å åpne hovedvisningen Droptables.

droptables-redaktør

 

Tabellbehandlergrensesnittet åpnes i en lightbox fra redaktøren:

droptables-lysbilde åpne

 

Når du vil sette inn et bord i redaktøren din, bruk øverste høyre knapp Sett inn denne tabellen å sette den inn i artikkelen din. Deretter blir bordet materialisert med et grått område og et Excel-ikon.

table-in-redaktør

 

Hvis du klikker på området, og deretter på Droptables-knappen igjen, vil tabellen som ble lagt til, lastes inn.

 

2.2 Administrer tabeller og kategorier

Tabeller er klassifisert i kategorier. Du kan ha så mange tabeller som du vil inne i kategoriene. For å lage en tabellkategori, klikk på Ny tabellkategori på toppsenteret. For å lage et nytt bord klikker du bare på Opprett tabell.

table kategorier

 

Merk: En standardkategori og et bord er allerede opprettet under komponentinstallasjon. Du kan flytte tabeller og tabeller kategorier ved hjelp av drag'n drop.

table-move

 

Kategorien kan styres ved å sette musen på den, du vil kunne redigere navnet, kopiere eller slette tabellen.

table-navn

 

2.3 Tabellutgave

For å legge til data i tabeller må du opptre som om du er i et regneark. Dobbeltklikk på en celle vil gi deg muligheten til å oppdatere innhold, et enkelt klikk for å velge en / noen celler (og for eksempel å bruke stil).

Rediger-celle

For å legge til linje eller kolonner, klikk på + på bordgrensen:

add-line-tabellen

 

Eller bruk høyreklikk.

høyre-klikk-add

 

For å kopiere celler kan du bruke CTRL + C / CTRL + V, eller du kan også legge musen i nederste høyre hjørne av cellen og bringe den inn i ønsket retning.

copy-celle

 

Merk: Alle endringer lagres automatisk automatisk med en melding øverst til høyre. Du har mulighet til å deaktivere denne funksjonen fra Droptables> Valg

save-tabellen

 

 

Fra høyreklikkmenyen kan du angre de siste endringene, alle de siste siden du har lastet opp siden. Droptables holder en sikkerhetskopi av modifikasjonen du har gjort, og er i stand til å gjenopprette den.

angre-handling

Celler kan også slås sammen. Velg 2 celler eller mer og gjør et høyreklikk. En meny vil tillate deg å slå sammen.

 

2.4 Avansert innholdsutgave

Vi har nylig lagt til en ny funksjon i utgavegrensesnittet. Du kan nå legge til HTML-innhold med et WYSIWYG-editor i hver celle. Velg en celle, På høyre side, gå til kategorien Format> HTML

html-celle-

 

Nå når du redigerer cellen, har du HTML-editor inni. Det inkluderer også alle redigeringsinnholdsknappen, her brukte jeg for eksempel bildeknappen. Redigerbare knapper som er tilgjengelige, kan konfigureres som et alternativ.

redaktør knappen

 

 

2.5 Excel og regneark import / eksport

 

Du kan importere og eksportere regneark i Droptables ved å bruke vårt dedikerte verktøy. Den må aktiveres fra konfigurasjonen: Komponenter> Droptables> Alternativer

excel-import

 

Tabellene kan importeres fra Excel eller Open Office. Formatet blir oppdaget automatisk og importert. Merk at bare den første Excel-siden vil bli importert. Eksporten kan gjøres i Excel 2003 eller 2007-format.

Excel - ark-import-eksport

 

Du kan også importere eller eksportere kun tabelldata eller tabelldata + stiler. Bare importdataene er ganske praktiske for å bevare layoutet ditt ved import.

 

III. STILER TABELLENE

3.1 Format

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

 

table-format

  • Celletype: standard eller HTML (med editor). Standard typen lar deg gjøre beregning med den HTML-innføringen av HTML-innhold som bilder.
  • Cellebakgrunnen handler om å definere bakgrunnsfarge selvfølgelig
  • Alternativer for kant og skrift kan brukes på enkelte eller flere celler
  • Rækken og kolonnebredden / høyden kan defineres i piksler. Velg kolonne eller rad hvor som helst i tabellen og valider størrelsen.

rad-kolonne-format

Et verktøytips på celle musepuder er også tilgjengelig (må aktiveres fra komponentalternativer). Ved å klikke på verktøylippeknappen kan du redigere innholdet som er synlig på celle musepekeren på frontend.

Tabellen-celle-tooltip

 

3.2 Tema og sorteringsalternativer

 

På tabellen Tabell, fortsatt på høyre side, har du en miniatyrstema. Bare klikk på et tema for å bruke det. Vi anbefaler å bruke temaer på friske tabeller, det er veldig enklere å endre data da.

tema-valg

Hvis du allerede har data i tabellen din og du bruker et tema, blir alle data fjernet. Hvis du bruker et tema på et nytt bord, vil eksempeldata og stil bli lagt til og kan redigeres.

 

Fortsatt i tabellen høyre kolonnefelt er parameterrammen 2 her for å definere fargen på alternative linjer (linje1, linje2, linje1, linje2 ...)

to-ramme

 

Sorteringsparameteren lar deg lage AJAX-datasortering på frontend. Merk at hvis du aktiverer filterverktøyet, vil et data sorteringsverktøy bli aktivert som standard.

sorterbar-og-filter tabell

 

  • Bruk sorterbar tabell: Ja Nei
  • Juster tabell: Sentrum / Høyre / Venstre / Ingen
  • Responsive Type: Scrolling / Hide Cols
  • Aktiver filtre: Ja Nei
  • Aktiver paginering: Ja Nei
  • Antall rader per side: 10, 20, ...
  • Sorter en krone som standard: velg kløver A, B eller C, ...
  • Ordre sorter en kolonne som standard: ASC / DESC

Datafilter og sorter på frontend

data-filteret

Tabelljusteringen handler om å justere diven som inneholder hele tabellen, senter hele tabellen for eksempel. Kolonne- og linjefrysingsalternativene vil fryse utvalget og aktivere en rulle på resten.

linje-fryse

 

Gjør mine bord responsive eller bruk rulle på små enheter?

Droptables håndterer den responsive designen med et prioriteringsverktøy, som et alternativ. Som standard er den responsive funksjonen deaktivert, det vil bli et overløp (heks fungerer bra på mobil selv).

responsive-modus

 

Den responsive modusen er avansert, du kan definere en prioritet for å skjule kolonner på mobilstørrelser. Når kolonner er skjult, vises en mobil meny med avkrysningsboks for å tvinge skjermen / skjul av kolonner.
Kolonnestørrelsen er fast under tabellutgaven. Hvis størrelsen på alle kolonnene er for stor for beholderen, vil du få et overløp, og du kan enkelt rulle 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)

responsive-table-cololumn-hide

 

En cellehightlight er også tilgjengelig som et alternativ. Du kan aktivere denne funksjonen i konfigurasjon. Den er deaktivert som standard. Du kan justere farge og opasitet av utheving.

Tabellen utheving

 

3.3 ACL og Frontend administrasjon

Det er mulig å administrere tabellene dine fra Joomla-fronten. Fra Joomla meny manager, legg til en ny meny element og velg som type Behandle tabeller og velg Droptables frontend som mal.


meny-droptables

 

 

Her er hva du kan se Droptables Manager fra frontend.

Droptables-frontend

 

Merk: Hvis du vil vise grensesnittet for tabellbehandling med fullskjerm på frontend, bør du velge Malstil> Droptables frontend.

 

Du kan bruke Joomla User Group ACL til å kontrollere tabelloppgaveaksjonene. Først, for å konfigurere hvem som har lov til å vise tabeller, må du aktivere Aktiver tabelltilgangsfunksjon (ACL) i Droptables-konfigurasjonen.

frontend-table-utgave

 

I tillegg kan du kontrollere tabellfrontens visibilitet for hvert bord fra tabellinnstillingene (Flere faner). Hent en Joomla brukergruppe for å la en gruppe se bordet på frontend.

bruker-gruppe-acl

 

3.4 Tilpasset CSS

La oss gå et skritt videre. Hvis du er en webdesigner med CSS utgave ferdigheter, vil du kunne legge til css fra Høyre Mer-fanen.

Du kan legge polstring og kantradius på celle.

padding-css

 

Celler, linje, kolonner har koordinater for å identifisere hver og bruke tilpassede css på den. R er rad, C er kolonne. Her er det rad 1 (r1), kolonne 4 (c4) = dtr1 dtc4

css-koordinater

 

CSS-koden er farget med kodespeil. CSS-koden kan være mindre kode, den fungerer også!

css-custom-tabellen

 

 

IV. CHART FROM TABLES

4.1 Lag en tabell med data

Du kan generere diagrammer fra tabelldata, inne i innholdet ditt. Først opprett et bord med data for å generere diagram.

Tabellen må ikke vises med diagrammet i innholdet ditt, og du kan generere flere diagrammer fra et enkelt bord.

 

Deretter gjør du valg for å generere diagram. Her er hele bordet valgt.

chart-tabellen

 

Deretter klikker du på legg til et nytt diagram. Et diagram vil bli generert, og respekterer det dataområdet du har valgt. På høyre side kan du velge diagramtypen.

genererer-diagram

 

Grafen oppdateres dynamisk med hensyn til dataendringen i tabellen, du trenger ikke å regenerere den.

 

4.2 Grafparametere

Når grafen din er lagt til, har du noen alternativer i høyre kolonne.

chart-innstillinger

 

De Bytt rad / kolonne er bare tilgjengelig, har du valgt bare tall i datasettet. Du får lov til å bytte data fra kolonner til rad.

De Bruk første rad / kolonne som etiketter parameteren kan du legge til etikett på grafen din.

chart-titler

 

Deretter har du muligheter til å angi bredde / høyde, justere, farge på diagrammet ditt.

 

V. DROPTABLES PARAMETERE & TRICKS

5.1 Parametre

For å få tilgang til Droptables globale parametere, gå inn Komponent> Droptables> Alternativer

droptables-paramaters

 

I alternativene kan du definere:
 

  • Tabellen kategorier trekkspill automatisk lukke
  • Aktiver Excel-import / eksport
  • Velg eksportformatet

droptable-settings2

 

  • Aktiver verktøytipset på celler
  • Aktiver automatisk lagring i AJAX, ellers får du en Lagre endringer-knappen
  • Aktiver tabelltilgang: Aktiver begrensning for tabelltilgang (ACL). Tillater deg å begrense tabellredigeringstillatelse basert på Joomla brukergrupper
  • Cell utheving: Aktiver en farge på cellemusen over for å se et celleinnhold ved første øyekast (kun linje / kun kolonne / begge)
  • Fremhever farge: Cellebelysningen svever fargen
  • Uthev skriftfarge: Celleuthevingsfeltet svinger farge
  • Fremhevende opacity: Cellen fremhever ugjennomsiktighetsnivået
  • Aktiver skjult høyre panel: Ja Nei
  • Tabellsynkroniseringstid: Tabell automatisk synkroniseringsforsinkelse for Excel-fil eller Google-ark
  • Aktiver database tabellen: Ja Nei

 

5.2 ACL-tillatelse

En Joomla ACL-integrering er tilgjengelig. Du kan nå begrense tilgang til handling eller tabell for tabellredigerere. Disse begrensningene gjelder for alle tabellene.

Åpent tilgjengelig tabeller

 

For eksempel hvis du vil at en administrator bruker skal få tilgang til og redigere bare sine egne tabeller, må du sette "redigere" for å nekte og redigere egen til "Tillat". Du kan også begrense:

  • Den globale konfigurasjonen
  • Grensesnittet tilgang
  • Tabellopprettelsen
  • Tabellene slettes
  • Utgave / egen utgave
Super admin bruker vil alltid ha alle opphavsrettigheter for alle tabeller og kategorier.

 

5.3 Last tabeller i en HTML-tilpasset modul

Droptables er bygget for å brukes i alle WYSIWYG-editor-feltene, du trenger bare å ha innholdsplugin som skal kalles. Mesteparten av tiden er den aktivert som standard.

Hvis det ikke er tilfellet, som i Joomla HTML-modulen, må du aktivere den som ovenfor.

Tabellen-in-modulen

 

I alternativfanen må du angi alternativet Forbered innhold til: Ja

 

5.4 Beregning

Du har en grunnleggende beregningsimplementering i Droptables. Elementer som er tilgjengelige er:

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

For å opprette en sum, skriv slik som i en celle (UPPERCASE er obligatorisk): = SUM (A1; B2) eller = SUM (A1: B2)

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

beregne-innstillinger

 

  • Datoformater: Angi datoformat for datoberegninger
  • Symbolposisjon: For å gjøre celleberegning på penger, definer du standardposisjonen til valutasymbolet
  • Valutasymbol (er): For å gjøre celleberegning på penger, definer du standard valutasymbolet
  • Desimal symbol: For å lage celleberegning, definer du standard desimal-symbolet
  • Decimaltall: Antall siffer etter desimaltegnet
  • Tusen symbol: For å lage celleberegning, definer du standard tusen symbolet

VI. EXCEL OG GOOGLE SHEETS SYNC

6.1 Excel-filsynkronisering

Det er mulig å kjøre en synkronisering mellom et bord du har opprettet og en Excel-fil som er plassert på serveren din (hvor som helst). Fra den høyre kategorien heter "Tabell", nederst har du en blokk for å koble en Excel-fil til bordet.

sync-excel-valg

På klikk på Bla gjennom knapp, kan du velge en Excel hvor som helst på serveren din, her er det en fil lastet opp gjennom medieadministratoren (/ bildemappen).

fil-bla-excel

 

Når Excel-filen din er koblet til bordet, kan du trykke på Hent dataknappen for å importere data fra Excel-filen.

hente-Excel-data

 

Merk: Bare dataene vil bli tatt fra Excel, ikke stilene, slik at den globale stilen til bordet ditt forblir uberørt ved import.

 

Advarsel: Du vil ikke kunne importere svært store Excel-filer (for eksempel mer enn 1000 rader), avhengig av minnet ditt på serveren din.

 

6.2 Synkronisering med Google-ark

Droptables tilbyr en synkroniseringsfunksjon for Google Sheets. Google-arkene dine må være " publisert på nettet"synkroniseres. Først åpner du arket ditt fra Google Disk og publiserer det som nettside ved hjelp av Fil-menyen.

publisere til web

 

Deretter får du tilgang til Google Sheets-filkoblingen, kopierer denne lenken.

publisert-link

 

Og lim den inn i Droptables "Tabell" -fanen. Du er ferdig! Du kan nå hente data fra Google-arkene dine.

Google-ark-data

 

6.3 Synkronisering av automatisk Excel og Google Sheets

Over fillinken kan du også aktivere en automatisk datasynkronisering. Droptables henter dataene automatisk med jevne mellomrom.

synk-perioden

Når det er aktivert, vises et varsel etter tabellens tittel.

auto-sync-varsling

 

Synkroniseringsforsinkelsen kan settes i Droptables-konfigurasjonen.

 

VII. TABELLER FRA DATABASJON

 

Droptables lar deg lage tabeller fra databasetabellene dine. Fra innstillingene til komponenten bør du Aktiver database tabellen.

database-config

 

Tilbake til dashbordet, for det første velger du Tabell fra database kategori og klikk deretter Opprett tabell , så vil alle tabellene i databasen bli oppført nedenfor. Deretter kan du velge tabeller og kolonner fra databasen. Ved å trykke på kontroll kan du velge flere tabeller, kolonner.

database-utvalget


På kolonnevalg kan du definere en egendefinert tittel og en standardbestilling for dataene dine i tabellen når den vises på den offentlige siden.

kolonne-titleandordering


Deretter har du noen alternativer og filter for å søke på bordene dine:

  • Et paginering standardnivå (som skal brukes med en stor mengde data)
  • Antall rader for paginering
  • Påfør noe filter på dataene dine, dvs. en kolonne kan være lik, forskjellig ... fra en definert verdi
  • Muligheten til å gruppere noen verdier i kolonnene

database-table-alternativ


Til slutt kan du forhåndsvise og generere bordet ditt som noe annet bord. Når bordet ditt er generert, vil du fortsatt ha tilgang til tabellen Database Database, og du kan for eksempel legge til en kolonne i tabellen.

database-tabell-genererte

Merk: Den eneste forskjellen er at temaer ikke kan brukes på tabeller, men du kan tilpasse hele skjermen som i et annet bord.