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

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

Режим адаптивности — это важный элемент для отображения HTML‑таблиц в Joomla, иногда при небольшом пространстве в вашем макете, будь то на настольном компьютере или на небольших устройствах (мобильных, планшетах). Droptables имеет 3 адаптивных режима: прокрутка, скрытие столбцов и повторяющийся заголовок с несколькими адаптивными настройками.
Для получения дополнительных функций, вернуться к основной странице плагина >

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

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

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

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

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

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

Адаптивная таблица с прокруткой

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

Как выбрать правильный адаптивный режим для ваших HTML‑таблиц

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

Как выбрать правильный адаптивный режим для ваших HTML‑таблиц
Цены на расширение Droptables

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

ЕСТЬ ЧЛЕНСТВО? ОБНОВИТЬ УЧЕТНУЮ ЗАПИСЬ
ПРО
РАСШИРЕНИЕ + 1 ГОД ПОДДЕРЖКИ И ОБНОВЛЕНИЙ
$44
1
год
  • МНОГОДОМЕННЫЙ / МНОГОСАЙТОВЫЙ
  • ОБНОВЛЕНИЕ НА 1 ГОД
  • ПОДДЕРЖКА НА 1 ГОД
  • Расширение Dropfiles
  • Расширение Droppics
  • Интеграция с DropEditor
  • БЕЗ ПОВТОРЯЮЩИХСЯ ПЛАТЕЖЕЙ
  • БЕЗ ОГРАНИЧЕНИЙ ПО СРОКАМ
  • Последняя версия Joomla 3, 4 и 5 готова
ЗАКАЗАТЬ СЕЙЧАС
ЛУЧШАЯ СДЕЛКА
ПАКЕТ
DROPPICS + DROPFILES + DROPTABLE + DROPEDITOR
$69
1
ГОД
СПЕЦИАЛЬНЫЙ ПАКЕТ
  • МНОГОДОМЕННЫЙ / МНОГОСАЙТОВЫЙ
  • ОБНОВЛЕНИЕ НА 1 ГОД
  • ПОДДЕРЖКА НА 1 ГОД
  • Расширение Dropfiles
  • Расширение Droppics
  • Интеграция с DropEditor
  • БЕЗ ПОВТОРЯЮЩИХСЯ ПЛАТЕЖЕЙ
  • БЕЗ ОГРАНИЧЕНИЙ ПО СРОКАМ
  • Последняя версия Joomla 3, 4 и 5 готова
ЗАКАЗАТЬ СЕЙЧАС
199$
ВМЕСТО 462$
ПОЛУЧИТЬ 
JOOMLA ПАКЕТ

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

БОЛЬШЕ ИНФОРМАЦИИ

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

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

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

FAQ: Адаптивные HTML‑таблицы на мобильных устройствах с Droptables

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

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

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

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

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

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

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

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

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

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

Duplicate entry '49263e4176ff53f5ff1efff72d6df4fb-ru' for key 'bk24_linguise_urls.hash_translation' (500 Whoops, looks like something went wrong.)

mysqli_sql_exception

HTTP 500 Whoops, looks like something went wrong.

Duplicate entry '49263e4176ff53f5ff1efff72d6df4fb-ru' for key 'bk24_linguise_urls.hash_translation'

Exception

mysqli_sql_exception

Show exception properties 
mysqli_sql_exception {#896
  #sqlstate: "23000"
}
in /var/www/staging.joomunited.com/public_html/plugins/system/linguise/vendor/linguise/script-php/src/Databases/Mysql.php (line 170)
  1. foreach ($urls as $translation => $source) {
  2. $elements[] = '("'.mysqli_real_escape_string($this->_database, Request::getInstance()->getLanguage()).'", "'.mysqli_real_escape_string($this->_database, $source).'", "'.mysqli_real_escape_string($this->_database, $translation).'", "'.md5($source).'", "'.md5($translation).'")';
  3. }
  4. $query .= implode(',', $elements);
  5. $query .= ' ON DUPLICATE KEY UPDATE source=VALUES(source), translation=VALUES(translation), hash_source=VALUES(hash_source), hash_translation=VALUES(hash_translation)';
  6. $this->_database->query($query);
  7. }
  9. public function removeUrls($urls)
  10. {
  11. $query = 'DELETE FROM '.mysqli_real_escape_string($this->_database, $this->_database_table_urls).' WHERE (hash_source) IN ';
in /var/www/staging.joomunited.com/public_html/plugins/system/linguise/vendor/linguise/script-php/src/Databases/Mysql.php -> query (line 170)
  1. foreach ($urls as $translation => $source) {
  2. $elements[] = '("'.mysqli_real_escape_string($this->_database, Request::getInstance()->getLanguage()).'", "'.mysqli_real_escape_string($this->_database, $source).'", "'.mysqli_real_escape_string($this->_database, $translation).'", "'.md5($source).'", "'.md5($translation).'")';
  3. }
  4. $query .= implode(',', $elements);
  5. $query .= ' ON DUPLICATE KEY UPDATE source=VALUES(source), translation=VALUES(translation), hash_source=VALUES(hash_source), hash_translation=VALUES(hash_translation)';
  6. $this->_database->query($query);
  7. }
  9. public function removeUrls($urls)
  10. {
  11. $query = 'DELETE FROM '.mysqli_real_escape_string($this->_database, $this->_database_table_urls).' WHERE (hash_source) IN ';
in /var/www/staging.joomunited.com/public_html/plugins/system/linguise/vendor/linguise/script-php/src/Database.php -> saveUrls (line 232)
  2. public function saveUrls($urls) {
  3. if (empty($urls)) {
  4. return;
  5. }
  6. return $this->_database->saveUrls($urls);
  7. }
  9. public function removeUrls($urls) {
  10. if (empty($urls)) {
  11. return;
in /var/www/staging.joomunited.com/public_html/plugins/system/linguise/vendor/linguise/script-php/src/Translation.php -> saveUrls (line 119)
  2. if (isset($result->url_translations)) {
  3. Defer::getInstance()->defer(function() use ($result) {
  4. $new_urls = $result->url_translations;
  5. $new_urls = get_object_vars($new_urls);
  6. Database::getInstance()->saveUrls((array)$new_urls);
  7. });
  8. }
  10. if (isset($result->urls_untranslated)) {
  11. Defer::getInstance()->defer(function() use ($result) {
Translation->Linguise\Script\Core\{closure}()
in /var/www/staging.joomunited.com/public_html/plugins/system/linguise/vendor/linguise/script-php/src/Defer.php call_user_func (line 42)
  1. }
  3. public function finalize()
  4. {
  5. foreach ($this->_actions as $action) {
  6. call_user_func($action['function'], $action['args']);
  7. }
  8. }
  9. }
in /var/www/staging.joomunited.com/public_html/plugins/system/linguise/vendor/linguise/script-php/src/Processor.php -> finalize (line 31)
  1. Helper::prepareDataDir();
  3. // Finalize defer actions on shutdown
  4. // @codeCoverageIgnoreStart
  5. register_shutdown_function(function() {
  6. Defer::getInstance()->finalize();
  7. Database::getInstance()->close();
  8. });
  9. // @codeCoverageIgnoreEnd
  10. }
Processor->Linguise\Script\Core\{closure}()

Stack Trace

mysqli_sql_exception 
mysqli_sql_exception:
Duplicate entry '49263e4176ff53f5ff1efff72d6df4fb-ru' for key 'bk24_linguise_urls.hash_translation'

  at /var/www/staging.joomunited.com/public_html/plugins/system/linguise/vendor/linguise/script-php/src/Databases/Mysql.php:170
  at mysqli->query()
     (/var/www/staging.joomunited.com/public_html/plugins/system/linguise/vendor/linguise/script-php/src/Databases/Mysql.php:170)
  at Linguise\Script\Core\Databases\Mysql->saveUrls()
     (/var/www/staging.joomunited.com/public_html/plugins/system/linguise/vendor/linguise/script-php/src/Database.php:232)
  at Linguise\Script\Core\Database->saveUrls()
     (/var/www/staging.joomunited.com/public_html/plugins/system/linguise/vendor/linguise/script-php/src/Translation.php:119)
  at Linguise\Script\Core\Translation->Linguise\Script\Core\{closure}()
  at call_user_func()
     (/var/www/staging.joomunited.com/public_html/plugins/system/linguise/vendor/linguise/script-php/src/Defer.php:42)
  at Linguise\Script\Core\Defer->finalize()
     (/var/www/staging.joomunited.com/public_html/plugins/system/linguise/vendor/linguise/script-php/src/Processor.php:31)
  at Linguise\Script\Core\Processor->Linguise\Script\Core\{closure}()