Перейти к основному содержимому

Build Joomla pixel-perfect responsive tables on mobile

The responsive mode is something crucial to display HTML tables on Joomla, with sometimes small space on your layout whether you're on desktop or on small devices (mobiles, tablets). Droptables has 3 responsive modes: Scrolling, Hiding Cols and Repeated header with several responsive settings.
For more features, get back to the main plugin page >

Responsive table using column hiding and display priority

Responsive table using column hiding and display priority

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

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

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

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

Адаптивная таблица с использованием прокрутки

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

How to choose the right responsive mode for your HTML tables

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

How to choose the right responsive mode for your HTML tables
Droptables Цены на расширения

Присоединяйтесь к нашим 60 000+ участникам и получите поддержку и обновления новых версий


PRO
EXTENSION + 1 YEAR SUPPORT & UPDATE
$44
1
year
  • МУЛЬТИДОМЕН / МУЛЬТИСАЙТ
  • ОБНОВЛЕНИЯ 1 ГОД
  • ПОДДЕРЖКА 1 ГОД
  • Расширение Dropfiles
  • Расширение Droppics
  • Интеграция с DropEditor
  • БЕЗ ПОВТОРНЫХ ПЛАТЕЖЕЙ
  • БЕЗ ОГРАНИЧЕНИЯ ПО ДАТЕ
  • Совместимость с последними версиями Joomla 3, 4, 5 и 6
199$
Вместо 462$
ПОЛУЧИТЬ 
JOOMLA BUNDLE

Набор Bundle предоставляет доступ к ВСЕМ расширениям Joomla и может использоваться на любых сайтах. Кроме того, вы получите полный доступ к технической поддержке и обновлениям каждого расширения в течение всего года. 
Время действовать! Повысьте свою эффективность и получите конкурентное преимущество. Попробуйте Bundle .

Отзывы и оценки клиентов


Droptables Droptables — менеджер таблиц Joomla
90 из 100 на основе 16 оценок пользователей

Источник рейтинга: 16 отзывов, отправленных пользователями на: Joomla.org

FAQ: Responsive HTML Tables on Mobile with Droptables

Что делает таблицы Droptables адаптивными на мобильных устройствах?

Droptables использует передовые адаптивные макеты и методы CSS, чтобы ваши HTML-таблицы Joomla отлично выглядели и безупречно работали на любом мобильном устройстве или планшете без горизонтальной прокрутки.

Можно ли настроить дизайн таблицы для мобильных устройств?

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

Поддерживает ли Droptables сортировку и фильтрацию на мобильных устройствах?

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

Как Droptables обрабатывает широкие таблицы на маленьких экранах?

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

Можно ли встраивать таблицы Droptables в статьи и модули?

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