Простые таблицы

Таблицы с синтаксисом, аналогичным таблицам в GitHub Flavored Markdown. Такой формат подходит для таблиц с однострочным контентом в ячейках.

В ячейках простых таблиц можно использовать строчное форматирование, ссылки, однострочные фрагменты кода, изображения.

Совет

Для быстрого создания таблиц можно использовать онлайн-генераторы. Например, Tables Generator.

Синтаксис

Таблица состоит из:

  • строки с заголовками;
  • разделительной строки;
  • строк с данными.

Строка заголовков отделяется от ячеек таблицы тремя или более символами -. Колонки отделяются символами |.

| Заголовок1  | Заголовок2  |
| ----------- | ----------- |
| Текст       | Текст       |
| Текст       | Текст       |

Результат:

Заголовок1 Заголовок2
Текст Текст
Текст Текст

Выравнивание текста

Используйте символ : в разделительной строке для выравнивания текста в колонках по левому краю, правому краю или центру.

| По левому краю  | По центру        | По правому краю |
| :---            |      :----:      |            ---: |
| Текст           | Текст            | Текст           |
| Текст           | Текст            | Текст           |

Результат:

По левому краю По центру По правому краю
Текст Текст Текст
Текст Текст Текст

Открытие широких таблиц в модальном окне

Широкие таблицы удобно открывать в модальном окне. В простых таблицах это реализуется с помощью атрибута {wide-content title="название таблицы"}. Атрибут нужно добавить после таблицы, оставив между ними одну пустую строку.

| Заголовок1  | Заголовок2  |
| ----------- | ----------- |
| Текст       | Текст       |
| Текст       | Текст       |

{wide-content title="Название таблицы"}

Результат

Заголовок1 Заголовок2
Текст Текст
Текст Текст

Добавление для таблицы "плавающий заголовок"

Для таблиц можно добавить "плавающий заголовок". Для этого необходимо добавить атрибут {sticky-header} после таблицы.

| Заголовок1 | Заголовок2 |
| ---------- | ---------- |
| Текст      | Текст      |
| Текст      | Текст      |
| Текст      | Текст      |
...
| Текст      | Текст      |
| Текст      | Текст      |
| Текст      | Текст      |
| Текст      | Текст      |
| Текст      | Текст      |

{sticky-header}

Результат

Заголовок1 Заголовок2
Текст Текст
Текст Текст
Текст Текст
Текст Текст
Текст Текст
Текст Текст
Текст Текст
Текст Текст
Текст Текст
Текст Текст
Текст Текст
Текст Текст
Текст Текст
Текст Текст
Текст Текст
Текст Текст
Текст Текст
Текст Текст
Текст Текст
Текст Текст
Текст Текст
Текст Текст
Текст Текст
Текст Текст
Текст Текст
Текст Текст
Текст Текст
Текст Текст
Текст Текст
Текст Текст
Предыдущая