Droptables документация

 

Вступление

Droptables - это расширение Joomla, используемое для управления таблицами HTML в Joomla с помощью интерфейса, похожего на электронную таблицу.

Droptables стол-расширение

Основные характеристики:

  • Управление таблицами, как в электронной таблице
  • 6 тем включены
  • Полностью управляется из любого редактора
  • Синхронизация Excel и Google Sheets
  • AJAX автоматическое сохранение
  • Сортируемые данные на веб-интерфейсе
  • Редактор ячеек, линий, столбцов
  • Копировать ячейку с помощью drag'n drop
  • Скопируйте полную таблицу в один клик
  • Формат HTML-ячеек
  • Расширенный редактор кода CSS

 

I. DROPTABLES УСТАНОВИТЬ

1.1 Установить

Наш компонент совместим с Joomla 3.x. Все функции и сторонние интеграции включены во все членства.
Чтобы установить наш компонент, вам нужно скачать расширение .zip и использовать стандартный установщик Joomla.

Joomla установить

 

Затем нажмите кнопку «Обзор»> «Загрузить и установить», компоненты, модули и плагины будут установлены по умолчанию.

 

1.2 Обновление и автоматическое обновление

Чтобы обновить расширение, вы можете установить новую версию поверх старой, загрузив ZIP-файл из JoomUnited или использовать автоматическое обновление (рекомендуемые).

Droptable-обновление

Автоматическое средство обновления, которое отправляет уведомление об обновлении, встроено в установленное расширение Joomla. Таким образом, вы получите уведомление, как и любое другое расширение на панели инструментов или с помощью меню: Расширение> Управление> Обновить меню.

Войдите в свой аккаунт, чтобы обновить

Вам необходимо войти в свою учетную запись JoomUnited, чтобы обновить все свои расширения JoomUnited Joomla. Чтобы войти, войдите в основную конфигурацию компонента, затем нажмите на Вкладка живого обновления, Внизу вы найдете кнопку входа.

в прямом эфире обновление

 

Введите свои учетные данные JoomUnited, которые вы используете для входа здесь @ www.joomunited.com

Логин-joomunited

 

Кнопка станет оранжевой, поздравляю! Теперь вы можете обновить все расширения JoomUnited на этом сайте! Если срок вашего членства истек, вы получите обновленную ссылку и текст, объясняющий это.

счет-сшитый

Примечание: один логин позволит вам обновить все расширения JoomUnited (относительно вашего членства). Срок действия логина не истечет, если вы не отключите его.

II. УПРАВЛЯЙ ТАБЛИЦАМИ

2.1 Управление таблицами из статьи или компонента

Когда Droptables установлен, у вас есть запись компонента, Компоненты меню> Droptables и кнопка редактора это отображается ниже вашего редактора. Нажмите на него, чтобы открыть основной вид Droptables.

droptables-редактор

 

Интерфейс менеджера таблиц открывается в лайтбоксе из редактора:

droptables-лайтбокс открыть

 

Если вы хотите вставить таблицу в свой редактор, используйте верхнюю правую кнопку Вставьте эту таблицу поместить это в вашу статью. Затем таблица будет выполнена с серой областью и значком в стиле Excel.

стол-в-редактор

 

Если вы щелкнете мышкой по области, то снова нажмите кнопку Droptables и будет добавлена ​​ранее добавленная таблица.

 

2.2 Управление таблицами и категориями

Таблицы классифицированы по категориям. Вы можете иметь столько таблиц, сколько хотите внутри категорий. Чтобы создать категорию таблицы, нажмите на Новая категория стола на верхнем центре. Чтобы создать новую таблицу, просто нажмите на Создать таблицу.

столовые категории

 

Примечание: категория и таблица по умолчанию уже созданы во время установки компонента. Вы можете перемещать таблицы и категории таблиц, используя drag'n drop.

стол-ход

 

Управлять категорией можно, наведя на нее мышку, и вы сможете редактировать имя, копировать или удалять таблицу.

имя-таблицы

 

2.3 Табличное издание

Чтобы добавить данные в таблицы, вы должны действовать так, как будто вы находитесь в таблице. Двойной щелчок по ячейке предоставит вам возможность обновить содержимое, один щелчок, чтобы выбрать одну / несколько ячеек (и, например, применить стиль).

править-элементная

Чтобы добавить строку или столбцы, нажмите «+» на границе таблицы:

добавить линии стола

 

Или используйте правый клик.

правая кнопка мышка-надстройка

 

Чтобы скопировать ячейки, вы можете использовать CTRL + C / CTRL + V или вы также можете навести указатель мыши на нижний правый угол ячейки и привести его в нужное вам направление.

Копия-элементная

 

Примечание: все изменения автоматически сохраняются мгновенно с сообщением в правом верхнем углу. У вас есть возможность отключить эту функцию из Droptables> Опции

сохранить стол

 

 

В меню правой кнопки мыши вы можете отменить последние изменения, все последние, так как вы перезагрузили страницу. Droptables сохраняет резервную копию внесенной вами модификации и может ее восстановить.

отмена действия

Клетки также могут быть объединены. Выберите 2 ячейки или более, затем щелкните правой кнопкой мыши. Меню позволит вам сделать слияние.

 

2.4 Расширенный выпуск контента

Недавно мы добавили новую функцию в интерфейс редакции. Теперь вы можете добавлять содержимое HTML с помощью редактора WYSIWYG внутри каждой ячейки. Выберите ячейку, в правой части перейдите на вкладку Формат> HTML

HTML-элементная

 

Теперь, когда вы редактируете ячейку, у вас будет редактор HTML внутри. Он также включает в себя все кнопки редактора контента, здесь я использовал кнопку изображения, например. Доступные кнопки редактора настраиваются как опция.

редактор кнопки

 

 

2.5 Excel и импорт / экспорт электронных таблиц

 

Вы можете импортировать и экспортировать электронные таблицы в Droptables, используя наш специальный инструмент. Он должен быть активирован из конфигурации: Компоненты> Droptables> Опции

первенствует-импорт

 

Таблицы могут быть импортированы из Excel или Open Office. Формат будет обнаружен автоматически и импортирован. Обратите внимание, что будет импортирована только первая страница Excel. Экспорт может быть выполнен в формате Excel 2003 или 2007.

Excel - лист-импорт-экспорт

 

Вы также можете импортировать или экспортировать только данные таблицы или же данные таблицы + стили, Только данные для импорта очень удобны, чтобы сохранить ваш макет при импорте.

 

III. СТИЛИНГ СТОЛЫ

3.1 Формат

Вкладка «Формат» доступна в правой части экрана по умолчанию. Он содержит разные параметры стиля.

 

настольный формат

  • Тип ячейки: по умолчанию или HTML (с редактором). Тип по умолчанию позволяет вам вычислять HTML, вставляя содержимое HTML, например изображения.
  • Клеточный фон об определении цвета фона, конечно
  • Параметры границы и шрифта можно наносить на одну или несколько ячеек
  • Ширина и высота столбца и столбца можно определить в пикселях. Выберите столбец или строку в любом месте таблицы и подтвердите размер.

строка-столбец размера

Также доступна всплывающая подсказка при наведении мыши на ячейку (ее необходимо активировать из опций компонента). При нажатии на кнопку всплывающей подсказки вы можете редактировать содержимое, отображаемое при наведении курсора мыши на внешний интерфейс.

Таблица-клеточно-подсказка

 

3.2 Тема и варианты сортировки

 

На вкладке таблицы, все еще в правой части, у вас есть выбор темы миниатюр. Просто нажмите на тему, чтобы применить ее. Мы настоятельно рекомендуем применять темы на свежих таблицах, тогда действительно проще изменить данные.

тематический выбор

Если в вашей таблице уже есть данные и вы применили тему, все данные будут удалены. Если вы примените тему к новой таблице, пример данных и стиль будут добавлены и могут быть отредактированы.

 

Находясь на вкладке правого столбца таблицы, параметр 2 фреймов используется для определения цвета альтернативных линий (line1, line2, line1, line2 ...)

два кадра

 

Параметр sortable позволяет выполнять сортировку данных AJAX на веб-интерфейсе. Обратите внимание, что если вы включите инструмент фильтрации, инструмент сортировки данных будет включен по умолчанию.

сортируемый-и-фильтр стол

 

  • Используйте сортируемую таблицу: Да нет
  • Выровнять таблицу: не центральный / правый / левый / Нет
  • Отзывчивый тип: Прокрутка / Сокрытие Колов
  • Включить фильтры: Да нет
  • Включить нумерацию страниц: Да нет
  • Количество строк на странице: 10, 20, ...
  • Сортировать cloumn по умолчанию: выберите cloumn A, B или C, ...
  • Порядок сортировки столбца по умолчанию: ASC / DESC

Фильтровать данные и сортировать по интерфейсу

Данные фильтра

Выравнивание таблицы - это выравнивание div, который содержит всю таблицу, например, центрирует всю таблицу. Параметры замораживания столбцов и строк заморозят выделение и включат прокрутку для остальных.

линия заморозки

 

Сделать мои таблицы отзывчивыми или использовать прокрутку на небольших устройствах?

Droptables опционально реагируют на адаптивный дизайн с помощью приоритетного инструмента. По умолчанию функция реагирования отключена, будет переполнение (ведь ведь он отлично работает на мобильных устройствах).

отзывчивый режим

 

Расширенный режим реагирования, вы можете определить приоритет для скрытия столбцов на мобильных размерах. Когда столбцы скрыты, будет отображаться мобильное меню с флажком для принудительного отображения / скрытия столбцов.
Размер столбца фиксируется во время редактирования таблицы. Если размер всех столбцов слишком велик для контейнера, у вас будет переполнение, и вы сможете легко прокручивать на мобильных устройствах.

Стол со свитком (лучше для небольшого количества столбцов)

отзывчивая стол улитка

 

Таблица со скрытой колонкой (лучше для большого количества столбцов)

отзывчивый стол-cololumn скрыть

 

Подсветка ячейки также доступна в качестве опции. Вы можете включить эту функцию в конфигурация, Это отключено по умолчанию. Вы можете настроить цвет и непрозрачность подсветки.

стол-подсветка

 

3.3 ACL и интерфейс Frontend

Управлять своими столами можно из интерфейса Joomla. Из менеджера меню Joomla, добавить новое меню пункт и выберите тип Управляйте таблицами и выберите в качестве шаблона интерфейс Droptables.


Меню-droptables

 

 

Вот что вы можете увидеть Droptables Manager из внешнего интерфейса.

Droptables-интерфейс

 

Примечание. Для отображения интерфейса диспетчера таблиц в полноэкранном режиме необходимо выбрать Стиль шаблона> Внешний интерфейс Droptables.

 

Вы можете использовать ACL Joomla User Group для управления действиями редакции таблицы. Во-первых, чтобы настроить, кому разрешено просматривать таблицы, необходимо включить функцию «Включить доступ к таблицам (ACL)» в конфигурации Droptables.

фронтенд стол-издание

 

Кроме того, вы можете контролировать видимость внешнего вида таблицы для каждой таблицы из настроек таблицы. (Дополнительная вкладка). Выберите группу пользователей Joomla, чтобы позволить группе просматривать таблицу во внешнем интерфейсе.

пользователь группа ACL

 

3.4 Пользовательский CSS

Давайте пойдем на шаг дальше. Если вы веб-дизайнер с навыками редактирования CSS, вы сможете добавлять CSS из правая дополнительная вкладка.

Вы можете добавить отступ и радиус рамки на ячейку.

обивка-CSS

 

Клетки, линии, столбцы имеют координаты, чтобы идентифицировать каждый из них и применять к нему пользовательские CSS. R - строка, C - столбец. Здесь это строка 1 (r1), столбец 4 (c4) = dtr1 dtc4

CSS-координаты

 

Код CSS раскрашен с использованием кода зеркала. Код CSS может быть меньше кода, он тоже работает!

CSS-заказ стол

 

 

Внутривенно ДИАГРАММА ИЗ СТОЛОВ

4.1 Создать таблицу с данными

Вы можете создавать диаграммы из табличных данных внутри вашего контента. Сначала создайте таблицу с данными для создания диаграммы.

Таблица не должна отображаться вместе с диаграммой в вашем контенте, и вы можете создать несколько диаграмм из одной таблицы.

 

Затем сделайте выбор, чтобы сгенерировать график. Здесь выбрана вся таблица.

Диаграмма стол

 

Затем нажмите добавить новый график. Будет сгенерирована диаграмма с учетом выбранного диапазона данных. В правой части вы можете выбрать тип диаграммы.

генерировать-диаграммы

 

График будет динамически обновляться с учетом изменения данных в таблице, вам не нужно его восстанавливать.

 

4.2 Параметры графика

Как только ваш график будет добавлен, у вас есть несколько вариантов в правом столбце.

диаграмма-настройка

 

null Переключить строку / столбец доступно только если вы выбрали только числа в наборе данных. Вам будет разрешено переключать данные из столбцов в строку.

null Использовать первую строку / столбец в качестве метки Параметр позволяет добавить метку к вашему графику.

диаграмма-тайтлы

 

Тогда у вас есть варианты, чтобы установить ширину / высоту, выравнивание, цвет вашего графика.

 

V. DROPTABLES ПАРАМЕТРЫ И ТРИКИ

5.1 Параметры

Чтобы получить доступ к глобальным параметрам Droptables, перейдите в Компонент> Droptables> Параметры

droptables-PARAMATERS

 

В опциях вы можете определить:
 

  • Таблица категорий баян
  • Включить импорт / экспорт в Excel
  • Выберите формат экспорта

droptable-settings2

 

  • Включить всплывающую подсказку на клетках
  • Включить автосохранение в AJAX, иначе у вас будет Кнопка Сохранить изменения
  • Включить доступ к таблице: Включить ограничение доступа к таблице (ACL). Позволяет ограничить разрешение на редактирование таблицы на основе групп пользователей Joomla
  • Подсветка ячейки: Активируйте цвет при наведении мыши на ячейку, чтобы на первый взгляд увидеть содержимое ячейки (только строка / только столбец / оба)
  • Цвет подсветки: Цвет подсветки ячейки
  • Выделите цвет шрифта: Цвет подсветки шрифта при наведении на ячейку
  • Подсветка непрозрачности: Уровень непрозрачности подсветки ячеек
  • Включить скрытую правую панель: Да нет
  • Периодичность синхронизации таблицы: Задержка автоматической синхронизации таблицы для файла Excel или Google Sheets
  • Включить таблицу базы данных: Да нет

 

5.2 разрешение ACL

Доступна интеграция с Joomla ACL. Теперь вы можете ограничить доступ к действию или таблице для редакторов таблиц. Это ограничение распространяется на все таблицы.

доступ столы

 

Например, если вы хотите, чтобы пользователь-администратор имел доступ и редактировал только свои собственные таблицы, установите для параметра «редактировать» значение «Запрещено», а для собственного значения «Разрешено». Вы также можете ограничить:

  • Глобальная конфигурация
  • Интерфейс доступа
  • Создание таблиц
  • Удаление таблиц
  • Издание / собственное издание
Супер администратор всегда будет иметь все права доступа для всех таблиц и категорий.

 

5.3 Загрузка таблиц в пользовательский модуль HTML

Droptables создан для использования в каждом поле редактора WYSIWYG, вам просто нужно иметь плагин контента для вызова. Большую часть времени он активирован по умолчанию.

Если это не так, как в пользовательском модуле Joomla HTML, вам необходимо активировать его, как описано выше.

стол-в-модуль

 

На вкладке опций вам нужно установить опцию Подготовить контент для: Да

 

5.4 Расчет

У вас есть базовая реализация вычислений в Droptables. Доступные элементы:

  • СУММА, СЧЕТ, КОНКАТ
  • MIN, MAX, AVG
  • ДАТА, ДЕНЬ, ДНИ, ДНИ360
  • ИЛИ, XOR И

Чтобы получить сумму, введите в ячейку, как это (UPPERCASE является обязательным): = СУММА (А1; В2) или = СУММА (А1: В2)

И вы можете настроить символ для расчета ячеек по числу, деньгам или дате.

подсчитывать-настройки

 

  • Форматы даты: Установить формат даты для расчета даты
  • Положение символа: Для расчета ячейки на деньгах определите положение символа валюты по умолчанию
  • Символ (ы) валюты: Для расчета ячеек на деньги определите символ валюты по умолчанию
  • Десятичный символ: Для расчета ячейки определите десятичный символ по умолчанию
  • Десятичный счет: Количество цифр после десятичного знака
  • Тысяча символов: Чтобы выполнить вычисление ячейки, определите тысячу символов по умолчанию

VI. EXCEL AND GOOGLE SHYETS SYNC

6.1 Синхронизация файлов Excel

Можно запустить синхронизацию между созданной вами таблицей и файлом Excel, расположенным на вашем сервере (где угодно). На правой вкладке с именем «Таблица» в нижней части находится блок для связи файла Excel с таблицей.

синхронизации первенствует-выбор

Нажмите на Кнопка просмотра, вы сможете выбрать Excel в любом месте на вашем сервере, здесь это файл, загруженный через медиа-менеджер (папка / images).

Файл-просмотр-первенствует

 

Как только ваш файл Excel будет связан с таблицей, вы можете нажать Кнопка извлечения данных импортировать данные из файла Excel.

выборки-Excel-данных,

 

Примечание: из Excel будут взяты только данные, а не стили, поэтому глобальный стиль вашей таблицы останется нетронутым при импорте.

 

Предупреждение: в зависимости от вашей памяти, доступной на вашем сервере, вы не сможете импортировать очень большие файлы Excel (например, более 1000 строк).

 

6.2 Синхронизация с Google Sheets

Droptables предлагает возможность синхронизации Google Sheets. Ваши Google Листы должны быть " опубликовано в сети"для синхронизации. Сначала откройте свой лист с Google Диска и опубликуйте его как веб-страницу с помощью меню" Файл ".

опубликовать к сети

 

Затем вы получите доступ к ссылке на файл Google Sheets, скопируйте эту ссылку.

опубликованные-ссылка

 

И вставить его в Droptables Вкладка «Таблица». Вы сделали! Теперь вы можете получать данные из ваших таблиц Google.

Google-лист данные

 

6.3 Автоматическая синхронизация Excel и Google Sheets

Над ссылкой на файл вы также можете активировать автоматическую синхронизацию данных. Droptables будет автоматически получать данные через регулярные промежутки времени.

Период синхронизации

После активации уведомление отображается после заголовка таблицы.

автосинхронизации-уведомление

 

Задержка синхронизации может быть установлена ​​в конфигурации Droptables.

 

VII. ТАБЛИЦЫ ИЗ БАЗЫ ДАННЫХ

 

Droptables позволяет создавать таблицы из таблиц базы данных. Из настроек компонента, вы должны Включить таблицу базы данных.

базы данных конфигурации

 

Вернуться на панель инструментов, во-первых, вы выбираете Таблица из базы данных категорию, а затем нажмите Создать таблицу , тогда все таблицы в вашей базе данных будут перечислены ниже. Далее вы сможете выбрать таблицы и столбцы из вашей базы данных. Нажав контроль, вы можете выбрать несколько таблиц, столбцов.

базы данных выбора


При выборе столбца вы можете определить пользовательский заголовок и порядок по умолчанию для ваших данных в таблице, когда они отображаются на открытой стороне.

Колонка-titleandordering


Затем у вас есть несколько опций и фильтр для применения к вашим таблицам:

  • Уровень по умолчанию для нумерации страниц (используется с большим количеством данных)
  • Количество рядов для нумерации страниц
  • Примените некоторый фильтр к вашим данным, т.е. столбец может быть одинаковым, отличным ... от определенного значения
  • Возможность группировки некоторых значений в столбцах

базы данных таблицы опция


Наконец, вы можете просмотреть и сгенерировать вашу таблицу, как и любую другую таблицу. Когда ваша таблица будет сгенерирована, у вас останется доступ к базе данных Source source, и вы можете, например, добавить столбец в вашу таблицу.

базы данных таблицы сгенерированные

Примечание: единственное отличие состоит в том, что темы не могут быть применены к таблицам, но вы можете настроить все отображение, как в любой другой таблице.