Table / Таблица

Блок для создания простой таблицы прямо на странице.

  • ⚙️ Функции
  • выбор количества строк и колонок
  • добавление / удаление строк и колонок
  • заголовок таблицы
  • footer таблицы
  • выравнивание текста
  • стили: обычная / striped
  • 🎯 Зачем нужен
  • Чтобы аккуратно показать данные, сравнения или расписание.
  • 📍 Где используется чаще всего
  • сравнение тарифов
  • прайс-листы
  • расписания
  • характеристики
  • чек-листы “что входит”
  • ⚠️ Важно
  • Table в Gutenberg — это простая таблица.
  • Для сложных таблиц с фильтрами и сортировкой лучше использовать плагин.
  • 💡 Пример использования

Изменеие цвета в ручном режиме

Шаг 1

Выделяем Table → справа:

Advanced → Additional CSS class(es)

пишем :

my-table

Шаг 2

в:

Appearance → Customize → Additional CSS

Добавляем:

.my-table table {
  border-collapse: collapse;
}

.my-table table,
.my-table table td,
.my-table table th {
  border: 2px solid #ff6600 !important;
  padding: 12px;
}