Как добавить адаптивную таблицу?

Вариант 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>