reTablerX

Приводит широкие таблицы с большим количеством колонок к мобильному виду
Бесплатно
Загрузите дополнение из админки вашего сайта.
Как загрузить?
Автор дополнения
tolanych
Пакетов
1
Закачек
28
Автор дополнения
Пакетов
1
Закачек
28
Версия 1.1.0-pl
Дата выпуска 23.12.2018
Загрузки 28
Просмотры 685
Описание:
Позволяет приводить широкие таблицы с большим количеством колонок к мобильному (т.н. адаптивному) виду. При малой ширине экрана таблица перестроиться в вертикальный вид.

Стандартный вид:


Адаптивный вид:


Варианты использования:
1) Глобальный. Задать селектор для всего сайта в системной настройке retablerx — retablerx_global_selector.
На всех страницах сайта будет подключен js-скрипт и применен к таблицам с указанными селекторами. Если селектор не задан, то js-скрипт подключаться на странице не будет.

Примеры:
  • table — ко всем таблицам на странице
  • section.content table — ко всем таблицам, найденным в теге section class=«content»
  • #myTable — к таблице с id=«myTable»

2) Целевой. Осуществляется вызовом сниппета в шаблоне/чанке. Соответственно js-скрипт будет подключен только на страницах, где был вызыван сниппет.

[[!reTablerX?
    &selector=`#myTable`
    &prefix=`myPref`
    &pad=`50%`,
    &mincol=`3`]]

Параметры:
  • selector — селектор таблиц на текущей странице, к которым необходимо применить преобразование.
    По-умолчанию `table`, применится ко всем таблицам на странице.
  • prefix — префикс класса, который будет присваиваться таблицам, попадающим под действие селектора.
    По-умолчанию `retabler-`.
  • pad — ширина левой колонки (с подписями полей) в адаптивном виде таблицы.
    По-умолчанию `35%`. Может задаваться в любом css-понимаемом виде (px, %, em и т.д.)
  • mincol — минимальное количество колонок в таблице, при котором к таблице будет применено преобразование.
    По-умолчанию — значение заданное в системной настройке retablerx_global_mincol.

1.1.0-pl

  • Add new option mincol for snippet and global_mincol for system settings
  • Fix calculate height rows which have padding

1.0.0-pl

  • First build

Последние обсуждения в сообществе MODX.pro