Иконки для работы с таблицами
1. | Вставляем таблицу в место указанное курсором. После нажатия иконки откроется окно Менеджера Таблиц. | |
2. | Удаляем таблицу. Иконка становится активной при установке курсора в любое место таблицы. При нажатии на иконку таблица удаляется целиком. | |
3. | Редактируем строку таблицы в которой находится курсор (иконка станет активной). После нажатия иконки откроется окно Свойства Строки. | |
4. | Редактируем ячейку таблицы в которой находится курсор (иконка станет активной). После нажатия иконки откроется окно Свойства Ячейки. | |
5. | Вставить строку таблицы выше/ниже строки в которой находится курсор, удалить строку. | |
6. | Вставить столбец таблицы слева/справа от столбца в котором находится курсор, удалить столбец. | |
7. | Объединить/отменить объединение ячеек таблицы. |
Вставить/изменить таблицу
Для того, чтобы создать таблицу, необходимо установить курсор в нужное место окна редактора и нажать иконку №1. Выпадающий список рядом с иконкой позволяет быстро вставить таблицу с выбранным числом строк и столбцов.
Для того, чтобы изменить параметры форматирования таблицы, необходимо установить курсор внутри таблицы и нажать иконку №1 или нажать правой кнопкой мыши по таблице и выбрать “Свойства таблицы”.
В любом случае после нажатия иконки откроется окно работы с таблицей, имеющее две вкладки.
«Столбцы» - Задается количество столбцов таблицы при ее создании.
«Строки» - Задается количество строк таблицы при ее создании.
«Отступы в ячейках», «Расстояния между ячейками» - вспомогательные параметры.
«Выравнивание» - Таблицы выровненные по центру страницы смотрятся предпочтительнее. Если выбрана ширина таблицы 100% (относительно ширины страницы) то выравнивание не имеет значения.
«Граница» - Толщина границы. Что бы сделать границы видимыми необходимо поставить значение 1.
«Ширина» - Ширина таблицы. Рекомендуется устанавливать ширину таблицы в процентах (70%, 80% …) от ширины страницы. Фиксированная ширина таблицы превышающая 300px противоречит принципам «отзывчивого» дизайна и страница с такой таблицей будет некорректно смотреться на экранах мобильных устройств.
«Высота» - Высоту таблицы определяет суммарная высота ее строк, поэтому задавать высоту таблицы нет необходимости.
Горизонтальная прокрутка таблицы
Для появления горизонтальной прокрутки необходимо "обернуть" таблицу в блок с классом "table_overflow".
Для этого в коде редактора материала необходимо добавить:
1. Перед началом таблицы (перед тегом <table>) добавить код - <div class="table_overflow">
2. После таблицы (после тега </table>) добавить код - </div>