Таблица.md

Таблица

Таблицы настраиваются с использованием комбинации символов | (вертикальная черта), разделяющих столбцы, и как минимум трех символов --- (тире), разделяющих заголовочный ряд от тела таблицы.

В следующем примере демонстрируется базовая конфигурация таблицы:

Название   | Значение
    ---    | ---
   Пункт 1 | Синий
   Пункт 2 | Зеленый

Данная конфигурация создает следующую таблицу на финальной сгенерированной веб-странице:

Название | Значение --- | --- Пункт 1 | Синий Пункт 2 | Зеленый

Символы | (вертикальная черта) для разделения столбцов не требуются для вертикального выравнивания. Дополнительные пробелы внутри ширины столбцов игнорируются, и результат будет выглядеть так же.

Название  | Значение
     ---  | ---
  Пункт 1 | Синий
  Пункт 2 | Зеленый

---

Выравнивание

Выравнивание текста в столбце можно настроить с помощью символа : (двоеточие) в строке разделителя заголовка.

По умолчанию текст выравнивается по левому краю. Для центрирования текста используйте :---: с двоеточиями с обоих концов строки разделителя заголовка. Для выравнивания текста по правому краю используйте ---: с двоеточием справа в строке разделителя заголовка.

Название   | Значение | Описание
    ---    |   ---    | ---
   Пункт 1 |   Синий  | Это `Пункт 1`.
   Пункт 2 | Зеленый  | Это `Пункт 2`.

Название | Значение | Описание --- | --- | --- Пункт 1 | Синий | Это Пункт 1. Пункт 2 | Green | Это Пункт 2.

!!! Ширина столбцов рассчитывается динамически браузером и будет изменяться в зависимости от содержимого ячеек. !!!

---

Компактный стиль

Компактный стиль таблицы можно применить, добавив класс compact.

Компактный стиль уменьшает отступы ячеек и размер текста во всей таблице.

{.compact}
Название   | Значение
---    | ---
Пункт 1 | Синий
Пункт 2 | Зеленый

{.compact} Название | Значение --- | --- Пункт 1 | Синий Пункт 2 | Зеленый

Класс compact также можно применить к таблице, используя следующую технику:

Название   | Значение {.compact}
    ---    | ---
   Пункт 1 | Синий
   Пункт 2 | Зеленый

Название | Значение {.compact} --- | --- Пункт 1 | Синий Пункт 2 | Зеленый