Додавання таблиці до листа

У редакторі eSputnik ви можете створити таблицю без використання зовнішніх інструментів.

📘

Зверніть увагу

Якщо плануєте додати зображення (наприклад, QR-код) у клітинку таблиці, не вставляйте його як base64-рядок у src — такі зображення не відображаються в Gmail, Yahoo і ukr.net. Розмістіть зображення на зовнішньому хостингу та вставте посилання на нього.

Доступні два способи:

  • за допомогою Структури;
  • в текстовому блоці.

Створення таблиці за допомогою Структури

  1. Перейдіть до панелі редактора Структури й модулі, відкрийте вкладку Розмітка та перетягніть у повідомлення структуру з контейнерами.

Кількість контейнерів відповідає кількості колонок таблиці.

Структура з контейнерами для створення таблиці в листі
  1. За потреби змініть кількість контейнерів, їхню ширину та відступи в налаштуваннях структури.
Налаштування кількості, ширини та відступів контейнерів структури
  1. Зробіть кожен контейнер текстовим блоком, натиснувши відповідний значок усередині контейнера.
Перетворення контейнера на текстовий блок значком усередині
  1. Налаштуйте текст у блоках відповідно до стилю таблиці.
Налаштування тексту в блоках відповідно до стилю таблиці
  1. Для візуалізації таблиці задайте контейнерам товщину, колір і стиль меж.
Налаштування товщини, кольору та стилю меж контейнерів
  1. Щоб додати рядки, наведіть курсор на структуру та натисніть Дублювати.
Кнопка Дублювати для додавання рядків таблиці
  1. Заповніть таблицю даними.
Приклад заповненої таблиці з даними в листі
  1. Щоб змінити відступи між рядками або стовпцями, відредагуйте параметри відступів у налаштуваннях структури.
Параметри відступів між рядками і стовпцями таблиці

Відображення таблиці у листі

За замовчуванням у редакторі ввімкнено Адаптивний дизайн, тому таблиця, створена за допомогою структури, може відображатися інакше на мобільних пристроях.

Щоб таблиця виглядала однаково на десктопі та мобільних пристроях:

  1. Відкрийте панель Загальні стиліГлобальні стилі та налаштування.

  2. Деактивуйте перемикач Адаптивний дизайн.

Перемикач Адаптивний дизайн у Глобальних стилях та налаштуваннях
  1. Перевірте результат, натиснувши Попередній перегляд.
Попередній перегляд таблиці в листі

Тепер таблиця виглядатиме на мобільних пристроях так само, як і на десктопі.

Однакове відображення таблиці на мобільному пристрої та десктопі

Створення таблиці в текстовому блоці

  1. Перетягніть текстовий блок у потрібне місце листа або додайте готову структуру з текстовим контентом.
Текстовий блок або готова структура з текстовим контентом для таблиці
  1. У налаштуваннях блока Текст перейдіть до секції Вставка, натисніть значок Таблиця та виберіть розмір таблиці (кількість рядків і стовпців).
Вибір розміру таблиці за кількістю рядків і стовпців
  1. Заповніть таблицю контентом.

До тексту в таблиці можна застосовувати всі налаштування блоку Текст. Параметри змінюються як для окремих клітинок, так і для всієї таблиці.

Таблиця має власну контекстну панель інструментів. За її допомогою:

  • додаються та видаляються рядки;
  • додаються та видаляються стовпці;
  • змінюється колір клітинок;
  • налаштовується товщина та стиль меж;
Контекстна панель інструментів таблиці для рядків, стовпців, кольору та меж
🚧

Важливо

Таблиця, створена в текстовому блоці, відображається однаково в десктопній і мобільній версіях листа та не залежить від увімкнення опції Адаптивний дизайн.



Did this page help you?