Как добавить адаптивную таблицу?
Вариант 1. Через "Свойства таблицы". Для этого в режиме визуального редактора нажимаем правой кнопкой мыши на область таблицы и выбираем пункт "Свойства таблицы".
Далее в открывшемся окне во вкладке "Дополнительные параметры" в поле CSS класс прописываем класс таблицы: table table-bordered.
Вариант 2. Прописать класс таблицы через "Режим кода".
Для этого нужно перейти в режим кода:
Найти строку с кода таблицы и вместо border="1" cellpadding="1" cellspacing="1" прописываем class="table table-bordered".
Для добавления адаптивной таблицы нужно выбрать в визуальном редакторе Сниппеты и перетащить элемент Адаптивная таблица в область редактора.
В публичной части сайта таблица будет выглядеть таким образом:
Если при изменении масштаба страницы, таблица не адаптируется и часть ее выходит за пределы, можно:
1) Уменьшить шрифт
2) Проверить код (бывает, что вместо пробелов прописывается код и несколько слов распознаются одним целым, не переносятся и таблица не помещается)
3) Прописать тег для блока с таблицей (т.е. до тега <table> и после тега </table>). В этом случае внизу таблицы появится бегунок и в меньшем масштабе устройства можно будет передвигать таблицу движением в бок:
<div style="overflow: auto">
контент
</div>