Dokumentacja Droptables

 

Wprowadzenie

Droptables to rozszerzenie Joomla używane do zarządzania tabelami HTML w Joomla z interfejsem arkusza kalkulacyjnego.

Rozszerzenie tabeli Droptables

Główne cechy:

  • Zarządzaj tabelami jak w arkuszu kalkulacyjnym
  • Zawiera 6 motywów
  • W pełni zarządzany z dowolnego edytora
  • Synchronizacja arkuszy Excel i Google
  • Automatyczne zapisywanie AJAX
  • Sortowalne dane na frontend
  • Edytor stylów komórek, linii i kolumn
  • Skopiuj komórkę za pomocą drag'n drop
  • Skopiuj pełną tabelę jednym kliknięciem
  • Format komórek HTML
  • Zaawansowany edytor kodu CSS

 

I. INSTALACJA DROPTABLES

1.1 Zainstaluj

Nasz komponent jest kompatybilny z Joomla 3.x. Wszystkie funkcje i integracje ze stronami trzecimi są zawarte we wszystkich członkostwach.
Aby zainstalować nasz komponent, musisz pobrać plik rozszerzenia .zip i użyć standardowego instalatora Joomla.

joomla-install

 

Następnie kliknij Przeglądaj> przycisk Prześlij i zainstaluj, komponent, moduły i wtyczki zostaną zainstalowane strona głównayślnie.

 

1.2 Aktualizacja i automatyczny aktualizator

Aby zaktualizować rozszerzenie, możesz zainstalować nową wersję na starej, pobierając plik ZIP z JoomUnited lub użyj automatycznego aktualizatora (Zalecana).

Aktualizacja drop -able

Automatyczny aktualizator, który przesyła powiastrona głównaienie o aktualizacji, jest osadzony w zainstalowanym rozszerzeniu Joomla. Otrzymasz powiastrona głównaienie jak każde inne rozszerzenie na pulpicie nawigacyjnym lub za pomocą menu: Rozszerzenie> Zarządzaj> menu Aktualizuj.

Zaloguj się do swojego konta, aby zaktualizować

Musisz się zalogować na swoje konto JoomUnited, aby zaktualizować wszystkie swoje rozszerzenia Joomla Joomla. Aby zalogować się, przejdź do głównej konfiguracji komponentu, a następnie kliknij Karta aktualizacji na żywo. Na dole znajdziesz przycisk logowania.

uaktualnienia na bieżąco

 

Wprowadź swoje poświadczenia JoomUnited, takie same, jakich używasz do logowania się tutaj @ www.joomunited.com

login-joomunited

 

Przycisk zmieni kolor na pomarańczowy, gratulacje! możesz teraz zaktualizować wszystkie rozszerzenia JoomUnited na tej stronie! Jeśli Twoje członkostwo wygasło, otrzymasz link odnawiający i tekst, który to wyjaśnia.

połączone z kontem

Uwaga: jedno logowanie pozwoli zaktualizować wszystkie rozszerzenia JoomUnited (dotyczące członkostwa). Logowanie nie wygasa, jeśli go nie rozłączysz.

II. ZARZĄDZAJ TABELAMI

2.1 Zarządzaj tabelami z artykułu lub komponentu

Po zainstalowaniu Droptables masz wpis komponentu, menu Komponenty> Droptables i przycisk edytora który jest wyświetlany poniżej edytora. Kliknij go, aby otworzyć główny widok Droptables.

Edytor droptables

 

Interfejs menedżera tabel jest otwierany w lightboxie od edytora:

droptables-lightbox-open

 

Jeśli chcesz wstawić tabelę do edytora, użyj prawego górnego przycisku Wstaw tę tabelę umieścić to w swoim artykule. Następnie tabela zostanie zmaterializowana z szarym obszarem i ikoną programu Excel.

w edytorze tabel

 

Jeśli ponownie klikniesz obszar, a następnie ponownie przycisk Droptables, wczytana wcześniej tabela zostanie załadowana.

 

2.2 Zarządzaj tabelami i kategoriami

Tabele są podzielone na kategorie. W kategoriach możesz mieć tyle tabel, ile chcesz. Aby utworzyć kategorię tabeli, kliknij Nowa kategoria tabel na górze w środku. Aby utworzyć nową tabelę, po prostu kliknij Utwórz tabelę.

kategorie tabeli

 

Uwaga: strona głównayślna kategoria i tabela zostały już utworzone podczas instalacji komponentu. Możesz przenosić tabele i kategorie tabel przy użyciu drag'n drop.

table-move

 

Kategorią można zarządzać, umieszczając na niej mysz, możesz edytować nazwę, kopiować lub usuwać tabelę.

Nazwa tabeli

 

2.3 Edycja tabeli

Aby dodać dane w tabelach, musisz działać tak, jak w arkuszu kalkulacyjnym. Dwukrotne kliknięcie komórki daje możliwość aktualizacji zawartości, jedno kliknięcie, aby zaznaczyć jedną / kilka komórek (i na przykład zastosować styl).

edytuj komórkę

Aby dodać linię lub kolumny, kliknij znak + na krawędzi tabeli:

tabela dodawania linii

 

Lub użyj prawego przycisku myszy.

right-clic-add

 

Aby skopiować komórki, możesz użyć CTRL + C / CTRL + V lub możesz także umieścić mysz w prawym dolnym rogu komórki i ustawić ją w wybranym kierunku.

komórka do kopiowania

 

Uwaga: wszystkie modyfikacje są natychmiast zapisywane automatycznie z komunikatem w prawym górnym rogu. Masz opcję wyłączenia tej funkcji z Droptables> Opcje

zapisz tabelę

 

 

Z menu po kliknięciu prawym przyciskiem myszy możesz cofnąć najnowsze modyfikacje, wszystkie najnowsze od czasu ponownego załadowania strony. Droptables przechowuje kopię zapasową dokonanej modyfikacji i jest w stanie ją przywrócić.

cofnij działanie

Komórki można również łączyć. Wybierz 2 komórki lub więcej, a następnie kliknij prawym przyciskiem myszy. Menu pozwoli Ci dokonać scalenia.

 

2.4 Zaawansowana edycja treści

Niedawno dodaliśmy nową funkcję w interfejsie edycji. Możesz teraz dodawać treść HTML z edytorem WYSIWYG wewnątrz każdej komórki. Wybierz komórkę, w prawej części przejdź do karty Format> HTML

komórka html

 

Teraz, gdy edytujesz komórkę, będziesz miał wewnątrz edytor HTML. Zawiera również cały przycisk treści edytora, tutaj użyłem na przykład przycisku obrazu. Dostępne przyciski edytora można konfigurować jako opcję.

przycisk edytora

 

 

2.5 Import / eksport arkusza Excel i arkusza kalkulacyjnego

 

Możesz importować i eksportować arkusze kalkulacyjne w Droptables za pomocą naszego dedykowanego narzędzia. Musi być aktywowany z konfiguracji: Komponenty> Droptables> Opcje

Excel-Import

 

Tabele można importować z programu Excel lub Open Office. Format zostanie wykryty automatycznie i zaimportowany. Zauważ, że importowana będzie tylko pierwsza strona programu Excel. Eksport można wykonać w formacie Excel 2003 lub 2007.

Excel - import-eksport arkuszy

 

Możesz także importować lub eksportować tylko dane tabeli lub dane tabeli + style. Tylko import danych jest bardzo przydatny, aby zachować układ podczas importu.

 

III. STYLOWANIE STOŁÓW

3.1 Format

Karta formatu jest strona głównayślnie dostępna po prawej stronie ekranu. Zawiera różne parametry stylizacji.

 

format tabeli

  • Typ komórki: strona głównayślny lub HTML (z edytorem). Typ strona głównayślny umożliwia wykonywanie obliczeń za pomocą HTML wstawiającego treść HTML, taką jak obrazy.
  • Tło komórki chodzi oczywiście o zdefiniowanie koloru tła
  • Opcje obramowania i czcionki można zastosować na pojedynczej lub wielu komórkach
  • Szerokość / wysokość wiersza i kolumny może być zdefiniowany w pikselach. Wybierz kolumnę lub wiersz w dowolnym miejscu tabeli i zatwierdź rozmiar.

rozmiar wiersza-kolumny

Dostępna jest także podpowiedź na wskaźniku myszy na komórce (musi być aktywowana z opcji komponentu). Po kliknięciu przycisku podpowiedzi możesz edytować zawartość widoczną na wskaźniku myszy na komórce.

podpowiedź do komórki tabeli

 

3.2 Opcje motywu i sortowania

 

Na karcie tabeli, nadal po prawej stronie, masz wybór motywów miniatur. Kliknij motyw, aby go zastosować. Zdecydowanie zalecamy stosowanie motywów na świeżych tabelach, dlatego łatwiej jest wtedy zmienić dane.

wybór tematu

Jeśli masz już dane w tabeli i zastosujesz motyw, wszystkie dane zostaną usunięte. Jeśli zastosujesz motyw na nowej tabeli, zostaną dodane przykładowe dane i styl, które można edytować.

 

Jeszcze w zakładce prawej kolumny tabeli, parametr 2 ramki jest tutaj, aby zdefiniować kolor alternatywnych linii (linia1, linia2, linia1, linia2 ...)

dwie ramki

 

Parametr sortable pozwala na sortowanie danych AJAX na nakładce. Zauważ, że jeśli włączysz narzędzie filtrujące, narzędzie do sortowania danych będzie strona głównayślnie włączone.

sortable-and-filter-table

 

  • Użyj sortowalnej tabeli: Tak nie
  • Wyrównaj tabelę: Środek / Prawo / Lewo / Brak
  • Responsive Type: Przewijanie / ukrywanie Cols
  • Włącz filtry: Tak nie
  • Włącz paginację: Tak nie
  • Liczba wierszy na stronę: 10, 20, ...
  • strona głównayślnie sortuj: wybierz cloumn A, B lub C, ...
  • Zamów sortowanie kolumny strona głównayślnie: ASC / DESC

Filtr danych i sortuj na frontend

filtr danych

Wyrównanie tabeli dotyczy wyrównania div zawierającego całą tabelę, na przykład wyśrodkowania całej tabeli. Opcje zamrażania kolumn i linii zamrożą zaznaczenie i włączą przewijanie pozostałych.

zamrożenie linii

 

Spraw, by moje stoły reagowały lub użyj przewijania na małych urządzeniach?

Droptables obsługuje responsywny projekt z priorytetowym narzędziem, jako opcja. strona głównayślnie funkcja responsywna jest wyłączona, wystąpi przepełnienie (mimo to działa świetnie na urządzeniach mobilnych).

tryb responsywny

 

Tryb responsywny jest zaawansowany, możesz zdefiniować priorytet ukrywania kolumn w rozmiarach mobilnych. Gdy kolumny są ukryte, wyświetlone zostanie menu mobilne z polem wyboru, aby wymusić wyświetlanie / ukrywanie kolumn.
Rozmiar kolumny jest ustalany podczas edycji tabeli. Jeśli rozmiar wszystkich kolumn jest zbyt duży dla kontenera, będziesz miał przepełnienie i będziesz mógł łatwo przewijać urządzenia mobilne.

Stół z przewijaniem (lepiej dla małej liczby kolumn)

responsive-table-scroll

 

Stół z kolumną ukryty (lepiej dla dużej liczby kolumn)

responsive-table-cololumn-hide

 

Opcjonalnie dostępne jest także oświetlenie do komórek. Możesz włączyć tę funkcję w konfiguracja. strona głównayślnie jest wyłączony. Możesz dostosować kolor i krycie podświetlenia.

podświetlanie tabeli

 

3.3 Administracja ACL i Frontend

Możliwe jest zarządzanie swoimi tabelami z interfejsu Joomla. Z menedżera menu Joomla, dodaj nowe menu element i wybierz jako typ Zarządzaj tabelami i wybierz nakładkę Droptables jako szablon.


menu-droptables

 

 

Oto, co możesz zobaczyć Droptables Manager z frontendu.

Nakładka Droptables

 

Uwaga: Aby wyświetlić interfejs menedżera tabel z pełnym ekranem na interfejsie, należy wybrać Styl szablonu> Nakładka Droptables.

 

Możesz użyć listy ACL grupy użytkowników Joomla, aby kontrolować działania edycji tabeli. Po pierwsze, aby ustawić, kto może przeglądać tabele, należy włączyć funkcję Włącz dostęp do tabeli (ACL) w konfiguracji Droptables.

frontend-table-edition

 

Dodatkowo możesz kontrolować widoczność frontendu tabeli dla każdej tabeli z ustawień tabeli (Karta Więcej). Odbierz grupę użytkowników Joomla, aby umożliwić grupie wyświetlenie tabeli na interfejsie.

użytkownik-grupa-acl

 

3.4 Własny CSS

Przejdźmy o krok dalej. Jeśli jesteś projektantem stron internetowych z umiejętnościami edycji CSS, będziesz mógł dodać css z prawa karta Więcej.

Możesz dodać dopełnienie i promień obramowania na komórce.

padding-css

 

Komórki, linia, kolumny mają współrzędne umożliwiające identyfikację każdego z nich i zastosowanie na nim niestandardowego css. R to wiersz, C to kolumna. Tutaj jest wiersz 1 (r1), kolumna 4 (c4) = dtr1 dtc4

współrzędne css

 

Kod CSS jest zabarwiony za pomocą kodu lustrzanego. Kod css może być mniejszy, działa też!

css-custom-table

 

 

IV. WYKRES Z TABEL

4.1 Utwórz tabelę z danymi

Możesz generować wykresy z danych tabeli, w treści. Najpierw utwórz tabelę z danymi, aby wygenerować wykres.

Tabela nie musi być wyświetlana na wykresie w treści i możesz wygenerować kilka wykresów z jednej tabeli.

 

Następnie dokonaj wyboru, aby wygenerować wykres. Tutaj zaznaczona jest cała tabela.

tabela wykresów

 

Następnie kliknij Dodaj nowy wykres. Zostanie wygenerowany wykres z uwzględnieniem wybranego zakresu danych. Po prawej stronie możesz wybrać typ wykresu.

generuj wykres

 

Wykres będzie dynamicznie aktualizowany w związku ze zmianą danych w tabeli, nie trzeba go regenerować.

 

4.2 Parametry wykresu

Po dodaniu wykresu masz kilka opcji w prawej kolumnie.

ustawienia wykresu

 

The Przełącz wiersz / kolumnę jest dostępna tylko, jeśli wybrałeś tylko liczby w zbiorze danych. Będziesz mógł zmieniać dane z kolumn na wiersze.

The Użyj pierwszego wiersza / kolumny jako etykiet parametr pozwala dodać etykietę do wykresu.

tytuły wykresów

 

Następnie masz opcje ustawienia szerokości / wysokości, wyrównania, koloru wykresu.

 

V. PARAMETRY DROPTABLES I TRIKI

5.1 Parametry

Aby uzyskać dostęp do globalnych parametrów Droptables, wejdź Komponent> Droptables> Opcje

Parametry droptables

 

W opcjach możesz zdefiniować:
 

  • Kategorie tabeli automatyczne zamykanie akordeonu
  • Włącz import / eksport programu Excel
  • Wybierz format eksportu

droptable-settings2

 

  • Włącz podpowiedź na komórkach
  • Włącz automatyczne zapisywanie w AJAX, inaczej będziesz mieć Zapisz zmiany
  • Włącz dostęp do tabeli: Włącz ograniczenie dostępu do tabeli (ACL). Pozwala na ograniczenie edycji tabeli do uprawnień na podstawie grup użytkowników Joomla
  • Podświetlanie komórek: Aktywuj kolor myszy na komórce, aby zobaczyć na pierwszy rzut oka zawartość komórki (tylko linia / tylko kolumna / obie)
  • Wyróżniający kolor: Komórka podświetlająca kolor wskaźnika
  • Podświetl kolor czcionki: Kolor podświetlania czcionki komórki
  • Podświetlanie krycia: Komórka podświetlająca poziom krycia
  • Włącz ukryty prawy panel: Tak nie
  • Okresowość synchronizacji tabeli: Opóźnienie automatycznej synchronizacji tabeli dla pliku Excel lub Arkuszy Google
  • Włącz tabelę bazy danych: Tak nie

 

5.2 Zezwolenie ACL

Dostępna jest integracja ACL Joomla. Możesz teraz ograniczyć dostęp do akcji lub tabeli dla edytorów tabel. Te ograniczenia dotyczą wszystkich tabel.

tabele dostępu

 

Na przykład, jeśli chcesz, aby użytkownik administratora miał dostęp i edytował tylko własne tabele, ustaw opcję „edytuj”, aby odmówić i edytować własne w „Dozwolone”. Możesz także ograniczyć:

  • Konfiguracja globalna
  • Dostęp do interfejsu
  • Tworzenie tabel
  • Usunięcie tabel
  • Edycja / edycja własna
Użytkownik super administratora zawsze będzie miał wszystkie uprawnienia do edycji dla wszystkich tabel i kategorii.

 

5.3 Załaduj tabele do niestandardowego modułu HTML

Droptables jest zbudowany do użycia w każdym polu edytora WYSIWYG, musisz tylko wywołać wtyczkę treści. Przez większość czasu jest strona głównayślnie aktywowany.

Jeśli tak nie jest, podobnie jak w niestandardowym module Joomla HTML, musisz go aktywować jak powyżej.

table-in-module

 

W zakładce opcji musisz ustawić opcję Przygotuj treść do: Tak

 

5.4 Obliczenia

Masz podstawową implementację obliczeń w Droptables. Dostępne elementy to:

  • SUMA, LICZBA, CONCAT
  • MINIMUM MAKSIMUM ŚREDNIA
  • DATA, DZIEŃ, DNI, DZIEŃ360
  • LUB, XOR, I

Aby utworzyć sumę, wpisz w komórce w ten sposób (UPPERCASE jest obowiązkowe): = SUMA (A1; B2) lub = SUMA (A1: B2)

I możesz skonfigurować symbol obliczania komórek na liczbę, pieniądze lub datę.

oblicz-ustawienia

 

  • Formaty daty: Ustaw format daty dla obliczeń daty
  • Pozycja symbolu: Aby dokonać obliczenia komórki na pieniądze, zdefiniuj strona głównayślną pozycję symbolu waluty
  • Symbol (y) waluty: Aby dokonać obliczenia komórki na pieniądze, zdefiniuj strona głównayślny symbol waluty
  • Symbol dziesiętny: Aby obliczyć komórki, zdefiniuj strona głównayślny symbol dziesiętny
  • Liczba dziesiętna: Numer cyfry po symbolu dziesiętnym
  • Tysiąc symboli: Aby obliczyć komórkę, zdefiniuj strona głównayślny symbol tysiąca

VI. Arkusze EXCEL I GOOGLE SYNC

6.1 Synchronizacja plików Excel

Możliwe jest przeprowadzenie synchronizacji między utworzonym stołem a plikiem programu Excel znajdującym się na serwerze (w dowolnym miejscu). Z prawej karty o nazwie „Tabela” u dołu znajduje się blok umożliwiający połączenie pliku Excel z tabelą.

Synchronizacja z Excelem

Po kliknięciu na Przeglądaj przycisk, będziesz mógł wybrać Excel w dowolnym miejscu na serwerze, tutaj jest to plik przesłany przez menedżer multimediów (folder / images).

file-browse-excel

 

Po powiązaniu pliku Excel z tabelą możesz nacisnąć Pobierz przycisk danych importować dane z pliku Excel.

dane do pobrania

 

Uwaga: Tylko dane będą pobierane z programu Excel, a nie style, więc globalny styl tabeli pozostanie nietknięty podczas importu.

 

Ostrzeżenie: w zależności od dostępnej pamięci na serwerze nie będzie można zaimportować bardzo dużych plików programu Excel (na przykład ponad 1000 wierszy).

 

6.2 Synchronizacja z arkuszami Google

Droptables oferuje możliwość synchronizacji Arkuszy Google. Twoje Arkusze Google muszą być „ opublikowane w sieci„do synchronizacji. Najpierw otwórz arkusz z Dysku Google i opublikuj go jako stronę internetową za pomocą menu Plik.

publikowanie w Internecie

 

Następnie uzyskasz dostęp do linku do pliku Arkusze Google, skopiuj ten link.

opublikowany link

 

I wklej go do Zakładka „Tabela” Droptables. Jesteś skończony! możesz teraz pobierać dane z Arkuszy Google.

dane arkusza google

 

6.3 Automatyczna synchronizacja arkuszy Excel i Google

Nad linkiem do pliku można również aktywować automatyczną synchronizację danych. Droptables pobierze dane automatycznie w regularnych odstępach czasu.

okres synchronizacji

Po aktywacji powiastrona głównaienie jest wyświetlane po tytule tabeli.

powiastrona głównaienie z automatyczną synchronizacją

 

Opóźnienie synchronizacji można ustawić w konfiguracji Droptables.

 

VII. TABELE Z BAZY DANYCH

 

Droptables umożliwia tworzenie tabel z tabel bazy danych. Z ustawień komponentu powinieneś Włącz tabelę bazy danych.

database-config

 

Powrót do pulpitu nawigacyjnego, po pierwsze, wybierz Tabela z bazy danych kategorię, a następnie kliknij Utwórz tabelę , wtedy wszystkie tabele w twojej bazie danych zostaną wymienione poniżej. Następnie będziesz mógł wybrać tabele i kolumny z bazy danych. Naciskając kontrolkę możesz wybrać kilka tabel, kolumn.

wybór bazy danych


Przy wyborze kolumny możesz zdefiniować niestandardowy tytuł i strona głównayślną kolejność danych w tabeli, gdy są wyświetlane po stronie publicznej.

column-titleandordering


Następnie masz kilka opcji i filtrów do zastosowania w swoich tabelach:

  • strona głównayślny poziom paginacji (do użycia z dużą ilością danych)
  • Liczba wierszy do paginacji
  • Zastosuj filtr do swoich danych, tj. kolumna może być równa, różna ... od określonej wartości
  • Możliwość grupowania niektórych wartości w kolumnach

opcja bazy danych-tabeli


Na koniec możesz wyświetlić podgląd i wygenerować swoją tabelę, jak każdą inną tabelę. Kiedy twoja tabela zostanie wygenerowana, nadal będziesz mieć dostęp do źródła bazy danych tabeli i możesz na przykład dodać kolumnę do tabeli.

generowane w bazie danych

Uwaga: Jedyna różnica polega na tym, że tematów nie można stosować na tabelach, ale można dostosować cały wyświetlacz, tak jak w każdej innej tabeli.