Бесплатно
Загрузите дополнение из админки вашего сайта.
Как загрузить?
Как загрузить?
Описание:
Позволяет приводить широкие таблицы с большим количеством колонок к мобильному (т.н. адаптивному) виду. При малой ширине экрана таблица перестроиться в вертикальный вид.
Стандартный вид:
Адаптивный вид:
Варианты использования:
1) Глобальный. Задать селектор для всего сайта в системной настройке retablerx — retablerx_global_selector.
На всех страницах сайта будет подключен js-скрипт и применен к таблицам с указанными селекторами. Если селектор не задан, то js-скрипт подключаться на странице не будет.
Примеры:
2) Целевой. Осуществляется вызовом сниппета в шаблоне/чанке. Соответственно js-скрипт будет подключен только на страницах, где был вызыван сниппет.
Параметры:
Позволяет приводить широкие таблицы с большим количеством колонок к мобильному (т.н. адаптивному) виду. При малой ширине экрана таблица перестроиться в вертикальный вид.
Стандартный вид:
Адаптивный вид:
Варианты использования:
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