Тептар:Таблицы: различия между версиями

Текущая версия от 16:28, 4 февраля 2022

Таблица — форма представления информации, облегчающая её визуальное восприятие. Состоит из строк, столбцов и ячеек.

Исходный код[править код]

Начальный пример[править код]

{| class="wikitable"
|+ Заголовок таблицы (название)
|-
! <!-- Пустая ячейка --> !! Заголовок столбца 1 !! Заголовок столбца 2
|-
! Заголовок строки 1 
| Содержимое ячейки 1-1 || Содержимое ячейки 1-2
|-
! Заголовок строки 2 
| Содержимое ячейки 2-1 || Содержимое ячейки 2-2
|}

Результат:

Заголовок таблицы (название)
	Заголовок столбца 1	Заголовок столбца 2
Заголовок строки 1	Содержимое ячейки 1-1	Содержимое ячейки 1-2
Заголовок строки 2	Содержимое ячейки 2-1	Содержимое ячейки 2-2

Элементы[править код]

Код Функция Примечания

{| Начало кода таблицы После него можно указать класс таблицы и параметры её оформления (стиль). Пример:
{| class="..." style="...; ...;"

|+

Заголовок таблицы

Располагается в следующей строчке кода таблицы после его начала. Пример:

{| 
|+ Название таблицы

Если заголовок не нужен, то размещать его код необязательно. Подробнее здесь.

|-

Разделитель строк

|- style="...; ...;"
| Ячейка 1-1 || Ячейка 1-2
|-
| Ячейка 2-1 || Ячейка 2-2

После него можно указать стиль сразу для всех ячеек, входящих в следующую строку. На приведённом примере стиль применится для ячеек 1-1 и 1-2:

!

Начало ячейки заголовка столбца

Начало первой ячейки в строке заголовков столбцов при горизонтальном расположении кода и начало всех ячеек заголовков при вертикальном расположении кода. Примеры аналогичны примерам элемента | (начало ячейки), только вместо него будет !

Заголовки столбцов оформляются при необходимости. Подробнее здесь.

!! Разделитель ячеек заголовков столбцов Используется при горизонтальном оформлении кода. Пример:
! Столбец 1 !! Столбец 2 !! Столбец 3

|

Начало ячейки
Разделитель параметров ячейки

Начало первой ячейки в строке при горизонтальном расположении кода и начало любой ячейки при вертикальном расположении кода. Примеры:
| Ячейка 1 || Ячейка 2 || Ячейка 3
```
| Ячейка 1
| Ячейка 2
| Ячейка 3
```
Параметры отдельной ячейки указываются сразу после знаков !, !!, |, ||, и в конце параметры закрываются знаком |. Пример:
| style="...; ...;" | Ячейка 1 || colspan="2" | Ячейка 2-3

|| Разделитель ячеек Используется при горизонтальном оформлении кода. Пример см. выше.

|}

Окончание кода таблицы

Пример:

| Ячейка 1 || Ячейка 2
|}

Классы[править код]

Имеется несколько возможных классов для оформления таблицы: wikitable, mw-datatable, standard, graytable, wide.

Таблица `wikitable`
	Заголовок столбца 1	Заголовок столбца 2
Заголовок строки 1	Содержимое ячейки 1-1	Содержимое ячейки 1-2
Заголовок строки 2	Содержимое ячейки 2-1	Содержимое ячейки 2-2

Таблица `mw-datatable`
	Заголовок столбца 1	Заголовок столбца 2
Заголовок строки 1	Содержимое ячейки 1-1	Содержимое ячейки 1-2
Заголовок строки 2	Содержимое ячейки 2-1	Содержимое ячейки 2-2

Таблица `standard`
	Заголовок столбца 1	Заголовок столбца 2
Заголовок строки 1	Содержимое ячейки 1-1	Содержимое ячейки 1-2
Заголовок строки 2	Содержимое ячейки 2-1	Содержимое ячейки 2-2

Таблица `wide`
	Заголовок столбца 1	Заголовок столбца 2
Заголовок строки 1	Содержимое ячейки 1-1	Содержимое ячейки 1-2
Заголовок строки 2	Содержимое ячейки 2-1	Содержимое ячейки 2-2

Таблица `graytable`
	Заголовок столбца 1	Заголовок столбца 2
Заголовок строки 1	Содержимое ячейки 1-1	Содержимое ячейки 1-2
Заголовок строки 2	Содержимое ячейки 2-1	Содержимое ячейки 2-2

Вертикальное и горизонтальное оформление[править код]

Оформление кода разное, результат одинаковый:

{| class="wikitable"
! Столбец 1
! Столбец 2
! Столбец 3
|-
| Ячейка 1-1
| Ячейка 1-2
| Ячейка 1-3
|-
| Ячейка 2-1
| Ячейка 2-2
| Ячейка 2-3
|}

{| class="wikitable"
! Столбец 1 || Столбец 2 || Столбец 3
|-
| Ячейка 1-1 || Ячейка 1-2 || Ячейка 1-3
|-
| Ячейка 2-1 || Ячейка 2-2 || Ячейка 2-3
|}

Столбец 1	Столбец 2	Столбец 3
Ячейка 1-1	Ячейка 1-2	Ячейка 1-3
Ячейка 2-1	Ячейка 2-2	Ячейка 2-3

Пример таблицы с описанием параметров[править код]

Образец таблицы с использованием класса wikitable:

{| class="wikitable"
|+ Название таблицы
|-
! Заголовок 1 !! Заголовок 2
|-
| Ячейка 1 || Ячейка 2
|-
| Ячейка 3 || Ячейка 4
|}

Название таблицы
Заголовок 1	Заголовок 2
Ячейка 1	Ячейка 2
Ячейка 3	Ячейка 4

Аналогичная по оформлению таблица без класса wikitable:

**Название таблицы**
Заголовок 1	Заголовок 2
Ячейка 1	Ячейка 2
Ячейка 3	Ячейка 4

{| style="background:#f8f9fa; border:1px solid #a2a9b1; border-collapse:collapse; margin-top:1.0em; margin-bottom:1.0em;"
|+ '''Название таблицы'''
|- style="border-bottom:1px solid #a2a9b1; background:#eaecf0;"
! style="border-right:1px solid #a2a9b1; padding:0.2em 0.4em 0.2em 0.4em;" | Заголовок 1 !! style="padding:0.2em 0.4em 0.2em 0.4em;" | Заголовок 2
|- style="border-bottom:1px solid #a2a9b1;"
| style="border-right:1px solid #a2a9b1; padding:0.2em 0.4em 0.2em 0.4em;" | Ячейка 1 || style="padding:0.2em 0.4em 0.2em 0.4em;" | Ячейка 2
|-
| style="border-right:1px solid #a2a9b1; padding:0.2em 0.4em 0.2em 0.4em;" | Ячейка 3 || style="padding:0.2em 0.4em 0.2em 0.4em;" | Ячейка 4
|}

Описание параметров

В заголовке кода таблицы:

background:#f8f9fa; — цвет фона ячеек.
border:1px solid #a2a9b1; — граница вокруг таблицы толщиной 1 пиксель в виде непрерывной линии и цветом #a2a9b1.
border-collapse:collapse; — одна общая граница между ячейками.
margin-top:1.0em; margin-bottom:1.0em; — отступы от таблицы сверху и снизу (поля).

Для отдельных ячеек:

border-bottom:1px solid #a2a9b1; — нижняя граница заголовков 1 и 2 (аналогично для ячеек 1-2).
background:#eaecf0; — цвет фона заголовков 1 и 2.
border-right:1px solid #a2a9b1; — правая граница заголовка 1, общая с заголовком 2 (аналогично для ячеек 1, 3).
padding:0.2em 0.4em 0.2em 0.4em; — отступы от верхней, правой, нижней и левой границы заголовка 1 (аналогично для всех остальных ячеек).

Заголовки[править код]

Заголовок таблицы[править код]

Без заголовка

{| class="wikitable"
|-
| Без заголовка
|}

С заголовком
Содержимое ячейки

{| class="wikitable"
|+ С заголовком
|-
| Содержимое ячейки
|}

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

{| class="wikitable"
|+ style="caption-side:bottom; padding-top:0.6em; text-align:left; font-weight:normal; font-size:85%; line-height:1.5;" | Заголовок таблицы размещён внизу таблицы, с увеличенным отступом от неё, выравниванием слева, нормальной насыщенностью (нежирный), уменьшенным размером и расстоянием между строк (интерлиньяжем)
|-
| Содержимое ячейки
|}

Заголовки столбцов[править код]

Без заголовка	Без заголовка

{| class="wikitable"
|-
| Без заголовка || Без заголовка
|}

Заголовок 1	Заголовок 2
Содержимое ячейки 1	Содержимое ячейки 2

{| class="wikitable"
|-
! Заголовок 1 !! Заголовок 2
|-
| Содержимое ячейки 1 || Содержимое ячейки 2
|}

Заголовок 1	Заголовок 2
Содержимое ячейки 1	Содержимое ячейки 2

{| class="wikitable"
|-
! style="font-weight:normal;" | Заголовок 1 !! style="font-weight:normal;" | Заголовок 2
|-
| Содержимое ячейки 1 || Содержимое ячейки 2
|}

Заголовки строк[править код]

Заголовки Боковики	Заголовок 1	Заголовок 2
Боковик 1	Содержимое ячейки 1	Содержимое ячейки 2
Боковик 2	Содержимое ячейки 3	Содержимое ячейки 4

{| class="wikitable"
|-
! {{по диагонали|Боковики|Заголовки|5em}} !! Заголовок 1 !! Заголовок 2
|-
! Боковик 1
| Содержимое ячейки 1 || Содержимое ячейки 2
|-
! Боковик 2
| Содержимое ячейки 3 || Содержимое ячейки 4
|}

Таблица с сортировкой данных в столбце[править код]

Столбец
1
2
3

{| class="wikitable sortable" 
|-
! Столбец 
|-
| 1
|-
| 2
|-
| 3
|}

Выравнивание[править код]

Выравнивание содержимого ячейки[править код]

текст слева текст слева
текст слева
текст справа
текст посередине

{| class="wikitable"
| текст слева текст слева
|-
| style="text-align:left;" | текст '''слева'''
|-
| style="text-align:right;" | текст '''справа'''
|-
| style="text-align:center;" | текст '''посередине'''
|}

текст посередине текст посередине	текст посередине	текст сверху	текст снизу

{| class="wikitable"
| текст посередине<br>текст посередине
| style="vertical-align:middle;" | текст '''посередине'''
| style="vertical-align:top;" | текст '''сверху'''
| style="vertical-align:bottom;" | текст '''снизу'''
|}

Выравнивание таблицы и её обтекание[править код]

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

Слева без обтекания
{\| class="wikitable" style="clear:left;" \|- \| Текст ячейки \|}

Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст.

Слева с обтеканием
{\| class="wikitable" style="float:left; margin-right:0.8em; clear:left;" \|- \| Текст ячейки \|}

Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст.

Справа без обтекания
{\| class="wikitable" style="float:right; clear:right;" \|- \| Текст ячейки \|}<div style="clear:both;"></div>

Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст.

Справа с обтеканием
{\| class="wikitable" style="float:right; margin-left:0.8em; clear:right;" \|- \| Текст ячейки \|}

Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст.

Посередине без обтекания
{\| class="wikitable" style="margin:auto; clear:both;" \|- \| Текст ячейки \|}

Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст.

Несколько таблиц рядом[править код]

Слева

Таблица 1

Таблица 2
Таблица 2

Таблица 3
Таблица 3
Таблица 3

Примечание: чтобы добавить обтекание группы таблиц текстом, необходимо в конце последней таблицы удалить код <div style="clear:both;"></div> и добавить к ней отступ как у первых двух таблиц (margin-right:1.4em;).

{| class="wikitable" style="float:left; margin-right:1.4em; clear:left;"
|-
| Таблица 1
|}

{| class="wikitable" style="float:left; margin-right:1.4em;"
|-
| Таблица 2
|-
| Таблица 2
|}

{| class="wikitable" style="float:left;"
|-
| Таблица 3
|-
| Таблица 3
|-
| Таблица 3
|}<div style="clear:both;"></div>

Справа

Исходный код в целом соответствует примеру выше, только необходимо поменять float:left на float:right, margin-right на margin-left и clear:left на clear:right.

Посередине

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

Таблица 1

Таблица 2
Таблица 2

Таблица 3
Таблица 3
Таблица 3

{| style="margin:auto; clear:both;"
|
{| class="wikitable" style="float:left; margin-right:1.4em;"
|-
| Таблица 1
|}
{| class="wikitable" style="float:left; margin-right:1.4em;"
|-
| Таблица 2
|-
| Таблица 2
|}
{| class="wikitable" style="float:left;"
|-
| Таблица 3
|-
| Таблица 3
|-
| Таблица 3
|}
|}

Вложенные таблицы[править код]

Таблица 1

Таблица 2
Таблица 2

Таблица 3

Таблица 4

Таблица 5

{| <!-- ЭТО ОСНОВНАЯ ТАБЛИЦА --> class="wikitable" style="margin:auto; background:#fff; clear:both;"
|-
| <!-- ВЛОЖЕННАЯ ТАБЛИЦА НАЧИНАЕТСЯ С НОВОЙ СТРОЧКИ КОДА -->
{| class="wikitable" style="float:left; margin-right:1.4em;"
|-
| Таблица 1
|}

{| class="wikitable" style="float:left;"
|-
| Таблица 2
|-
| Таблица 2
|}
| <!-- РАЗДЕЛИТЕЛЬ ДЛЯ ДОБАВЛЕНИЯ СТОЛБЦА ТАБЛИЦЫ -->
{| class="wikitable"
|-
| Таблица 3
|}
|- <!-- РАЗДЕЛИТЕЛЬ ДЛЯ ДОБАВЛЕНИЯ СТРОКИ ТАБЛИЦЫ -->
|
{| class="wikitable"
|-
| Таблица 4
|}
|
{| class="wikitable"
|-
| Таблица 5
|} <!-- ОКОНЧАНИЕ ВЛОЖЕННОЙ ТАБЛИЦЫ -->
|} <!-- ОКОНЧАНИЕ ОСНОВНОЙ ТАБЛИЦЫ -->

Списки в таблице[править код]

Маркированный или нумерованный список начинается с новой строчки кода (как и вложенная таблица):

{| class="wikitable"
|-
| ячейка 1 ||
* раз
* два
* три
|-
| ячейка 3 ||
{| class="wikitable"
|-
| вложенная таблица
|}
|}

ячейка 1

раз
два
три

ячейка 3

вложенная таблица

Объединение ячеек[править код]

Горизонтальное (объединение столбцов)

Ячейка 1	Ячейка 2	Ячейка 3
Ячейка 4-5		Ячейка 6
Ячейка 7	Ячейка 8-9
Ячейка 10-11-12

{| class="wikitable"
| Ячейка 1 || Ячейка 2 || Ячейка 3
|-
| colspan="2" | Ячейка 4-5 || Ячейка 6
|-
| Ячейка 7 || colspan="2" | Ячейка 8-9
|-
| colspan="3" | Ячейка 10-11-12
|}

Вертикальное (объединение строк)

Ячейка 1	Ячейка 2
Ячейка 3-5	Ячейка 4
Ячейка 3-5	Ячейка 6

{| class="wikitable"
| Ячейка 1 || Ячейка 2
|-
| rowspan="2" | Ячейка 3-5 || Ячейка 4
|-
| Ячейка 6
|}

Цвета[править код]

Цвет фона ячеек[править код]

Цвет всех ячеек, кроме заголовков столбцов (указан в начале кода таблицы) и отдельных ячеек.

#eaecf0	#c8ccd1
#fff	#eaecf0
#fff	#f8f9fa (цвет ячейки `wikitable`)

{| class="wikitable" style="background:#fff;"
! #eaecf0 !! style="background:#c8ccd1;" | #c8ccd1
|-
| #fff || style="background:#eaecf0;" | #eaecf0
|-
| #fff || style="background:#f8f9fa;" | #f8f9fa (цвет ячейки <code>wikitable</code>)
|}

См. также Использование_цветов — про заливку ячеек. (Используются цвета из руководства по стилю Wikimedia.)

Цвет текста[править код]

Цвет текста в ячейках:

Заголовок 1	Заголовок 2
Ячейка 1	Ячейка 2
Ячейка 4	Ячейка 5

Примечание: цвет текста по умолчанию в теме оформления «Векторная, устаревшая (2010)» — #202122.

Цвет отдельных слов:

Текст ячейки Текст ячейки

{| class="wikitable"
|-
| Текст <span style="color:#f00;">ячейки Текст</span> ячейки
|}

Размер шрифта[править код]

Размер шрифта стоит задавать в процентах от нормального, а также в следующих единицах (не рекомендуется): em, ex, pt, px. Размер шрифта не должен быть меньше 85 %. Примечание: при указании единицы измерения, включая проценты, пробел между ней и числом недопустим (95%).

Без изменения размера: {| class="wikitable"

Столбец	Столбец
Текст ячейки	Текст ячейки
Текст ячейки	Текст ячейки

С размером шрифта 85 % во всех ячейках таблицы: {| class="wikitable" style="font-size:85%;"

Столбец	Столбец
Текст ячейки	Текст ячейки
Текст ячейки	Текст ячейки

Отдельных ячеек:

Текст ячейки 1
Текст ячейки 2
Текст ячейки 3
Текст ячейки 4

{| class="wikitable"
|-
| style="font-size:18px;" | Текст ячейки 1
|-
| Текст ячейки 2
|-
| style="font-size:13px;" | Текст ячейки 3
|-
| style="font-size:85%;" | Текст ячейки 4
|}

Границы ячеек[править код]

Толщина (px, em), вид и цвет границы со всех четырёх сторон таблицы или ячейки: style="border:1px solid #a2a9b1;". Границы с какой-либо стороны ячейки: style="border-top(-right,-bottom,-left):1px solid #a2a9b1;".

Если этот параметр указан в заголовке кода таблицы, то он применится только к одной внешней границе таблицы. Для установки границ между ячейками, его необходимо прописывать для каждой ячейки.

Для создания одной общей границы между ячейками задаётся параметр style="border-collapse:collapse;".

Скрытие отдельных границ между ячейками

Ячейка 1	Ячейка 2
Ячейка 3	Ячейка 4

Ячейка 1	Ячейка 2
Ячейка 3	Ячейка 4

{| class="wikitable"
|- style="border-bottom:hidden;"
| Ячейка 1 || Ячейка 2
|-
| Ячейка 3 || Ячейка 4
|}
{| class="wikitable"
|-
| style="border-right:hidden;" | Ячейка 1 || Ячейка 2
|-
| style="border-right:hidden;" | Ячейка 3 || Ячейка 4
|}

Ширина таблицы и столбцов[править код]

Указывается в %, px.

Таблица на всю ширину страницы

Таблица на половину ширины страницы

Таблица на четверть ширины страницы

{| class="wikitable" style="width:100%;"
|-
| Таблица на всю ширину страницы
|}
{| class="wikitable" style="width:50%;"
|-
| Таблица на половину ширины страницы
|}
{| class="wikitable" style="width:25%;"
|-
| Таблица на четверть ширины страницы
|}

Эта ячейка (столбец) занимает половину ширины таблицы	Эта ячейка занимает четверть ширины таблицы	Ширина всей таблицы равна половине ширины страницы

{| class="wikitable" style="width:50%;"
|-
| style="width:50%;" | Эта ячейка (столбец) занимает половину ширины таблицы || style="width:25%; " | Эта ячейка занимает четверть ширины таблицы || Ширина всей таблицы равна половине ширины страницы
|}

Виды таблиц[править код]

wikitable

table.wikitable {
	background-color: #f8f9fa;
	color: #202122;
	margin: 1em 0;
	border: 1px solid #a2a9b1;
	border-collapse: collapse;
}

table.wikitable > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > th,
table.wikitable > * > tr > td {
	border: 1px solid #a2a9b1;
	padding: 0.2em 0.4em;
}

table.wikitable > tr > th,
table.wikitable > * > tr > th {
	background-color: #eaecf0;
	text-align: center;
}

table.wikitable > caption {
	font-weight: bold;
}

mw-datatable

.mw-datatable {
	border-collapse: collapse;
}

.mw-datatable,
.mw-datatable td,
.mw-datatable th {
	border: 1px solid #a2a9b1;
	padding: 0 0.15em 0 0.15em;
}

.mw-datatable th {
	background-color: #ddf;
}

.mw-datatable td {
	background-color: #fff;
}

.mw-datatable tr:hover td {
	background-color: #eaf3ff;
}

Стандартная[править код]

Столбец 1	Столбец 2
Ячейка 1-1	Ячейка 1-2
Ячейка 2-1	Ячейка 2-2

{| class="wikitable"
|-
! Столбец 1 || Столбец 2
|-
| Ячейка 1-1 || Ячейка 1-2
|-
| Ячейка 2-1 || Ячейка 2-2
|}

С подсветкой строк[править код]

class="mw-datatable"

При наведении курсора строка подсвечивается:

Столбец	Столбец	Столбец
ячейка	ячейка	ячейка
ячейка	ячейка	ячейка
ячейка	ячейка	ячейка

Сортируемая[править код]

У такой таблицы заголовки столбцов обязательны. Полную документацию см. в m:Help:Sorting.

Алфавит	Числа	С указанием ключа сортировки	Несортируемый столбец
А	2 млрд	2 млрд	A
Б	3	3	B
В	4 тыс.	4 тыс.	C
Г	1 млн	1 млн	D
Итог	2 001 004 003	2 001 004 003	—

{| class="wikitable sortable"
|-
! Алфавит !! Числа !! С указанием ключа сортировки !! class="unsortable" | Несортируемый столбец
|-
| А || 2 млрд || data-sort-value="2000000000" | 2 млрд || A
|-
| Б || 3 || 3 || B
|-
| В || 4 тыс. || data-sort-value="4000" | 4 тыс. || C
|-
| Г || 1 млн || data-sort-value="1000000" | 1 млн || D
|- <!-- ЭТО НЕСОРТИРУЕМАЯ СТРОКА -->
! Итог !! 2 001 004 003 !! 2 001 004 003 !! —
|}

Для правильной сортировки по столбцу с числами можно добавить в заголовок столбца data-sort-type="number", получится ! data-sort-type="number" | Заголовок.

Сворачиваемая[править код]

У такой таблицы заголовки столбцов обязательны.

Изначально развёрнутая class="wikitable mw-collapsible"

Столбец	Столбец
ячейка	ячейка
ячейка	ячейка

Изначально свёрнутая class="wikitable mw-collapsible mw-collapsed"

Столбец	Столбец
ячейка	ячейка
ячейка	ячейка

Примеры их комбинации[править код]

Пример 1

Название таблицы
Алфавит	Числа	С указанием ключа сортировки	Несортируемый столбец
А	2 млрд	2 млрд	A
Б	3	3	B
В	4 тыс.	4 тыс.	C
Г	1 млн	1 млн	D
Итог	2 001 004 003	2 001 004 003	—

{| class="wikitable mw-datatable sortable collapsible collapsed" style="font-size:85%; width:75%;"
|-
! colspan="4" | Название таблицы
...

Пример 2 со вложенными таблицами

Главная таблица

Вложенная таблица 1
Алфавит	Числа	С указанием ключа сортировки	Несортируемый столбец
А	2 млрд	2 млрд	A
Б	3	3	B
В	4 тыс.	4 тыс.	C
Г	1 млн	1 млн	D
Итог	2 001 004 003	2 001 004 003	—

Вложенная таблица 2
Алфавит	Числа	С указанием ключа сортировки	Несортируемый столбец
А	2 млрд	2 млрд	A
Б	3	3	B
В	4 тыс.	4 тыс.	C
Г	1 млн	1 млн	D
Итог	2 001 004 003	2 001 004 003	—

{| style="border:1px solid #a2a9b1; border-collapse:collapse; font-size:85%; width:75%;"
|+ style="margin-bottom:0.3em;" | '''Главная таблица'''
|-
| style="padding:0; border-bottom:1px solid #a2a9b1;" |
{| class="wikitable mw-datatable sortable collapsible collapsed" style="border:hidden; margin:0; width:100%;"
|-
! colspan="4" style="font-weight:normal; background:#c8ccd1;" | ''Вложенная таблица 1''
...
|}
|-
| style="padding:0;" |
{| class="wikitable mw-datatable sortable collapsible collapsed" style="border:hidden; margin:0; width:100%;"
|-
! colspan="4" style="font-weight:normal; background:#c8ccd1;" | ''Вложенная таблица 2''
...

Пример 3 со вложенными скрытыми таблицами

Главная таблица

Вложенная таблица 1
Алфавит	Числа	С указанием ключа сортировки	Несортируемый столбец
А	2 млрд	2 млрд	A
Б	3	3	B
В	4 тыс.	4 тыс.	C
Г	1 млн	1 млн	D
Итог	2 001 004 003	2 001 004 003	—

Вложенная таблица 2
Алфавит	Числа	С указанием ключа сортировки	Несортируемый столбец
А	2 млрд	2 млрд	A
Б	3	3	B
В	4 тыс.	4 тыс.	C
Г	1 млн	1 млн	D
Итог	2 001 004 003	2 001 004 003	—

{| class="wikitable collapsible collapsed" style="font-size:85%; width:75%;"
|-
! Главная таблица
|- style="border-top:hidden;"
| style="padding:0;" |
{| class="wikitable mw-datatable sortable collapsible collapsed" style="border:hidden; margin:0; width:100%;"
|-
! colspan="4" style="font-weight:normal; background:#c8ccd1;" | ''Вложенная таблица 1''
...
|}
|-
| style="padding:0;" |
{| class="wikitable mw-datatable sortable collapsible collapsed" style="border:hidden; margin:0; width:100%;"
|-
! colspan="4" style="font-weight:normal; background:#c8ccd1;" | ''Вложенная таблица 2''
...

См. также[править код]

Справка по редактированию таблиц на Мета-Тептар
Тептар:Колонки
Шаблоны ячеек таблицы
Шаблон {{float right}}
Шаблоны {{НумерацияТаблицы}} и {{Автонумерация}} для автоматической нумерации и сортировки строк таблицы

Ссылки[править код]

@@ Строка 937: / Строка 937: @@
 == См. также ==
-* [[meta:Help:Table/ru|Справка по редактированию таблиц]] на Мета-вики
+* [[meta:Help:Table/ru|Справка по редактированию таблиц]] на Мета-Тептар
 * [[Тептар:Колонки]]
 * [[Шаблон:Шаблоны ячеек таблицы|Шаблоны ячеек таблицы]]
@@ Строка 944: / Строка 944: @@
 == Ссылки ==
-* [https://exogens.ru/on-line-instrumenty/wiki-tablicy/ Конвертер таблиц Excel, Word, OpenOffice в вики-таблицы]
+* [https://exogens.ru/on-line-instrumenty/wiki-tablicy/ Конвертер таблиц Excel, Word, OpenOffice в Тептар-таблицы]
 * [http://wang.wustl.edu/mediawiki/extensions/index.php Copy & Paste Excel-to-Wiki Converter.]
 * https://tools.wmflabs.org/excel2wiki/index.php
 * http://www.hifi-remote.com/excel2wiki/
 [[Категория:Тептар:Способы оформления статей]]

Тептар:Таблицы: различия между версиями

Текущая версия от 16:28, 4 февраля 2022

Содержание

Исходный код[править код]

Начальный пример[править код]

Элементы[править код]

Классы[править код]

Вертикальное и горизонтальное оформление[править код]

Пример таблицы с описанием параметров[править код]

Заголовки[править код]

Заголовок таблицы[править код]

Заголовки столбцов[править код]

Заголовки строк[править код]

Таблица с сортировкой данных в столбце[править код]

Выравнивание[править код]

Выравнивание содержимого ячейки[править код]

Выравнивание таблицы и её обтекание[править код]

Несколько таблиц рядом[править код]

Вложенные таблицы[править код]

Списки в таблице[править код]

Объединение ячеек[править код]

Цвета[править код]

Цвет фона ячеек[править код]

Цвет текста[править код]

Размер шрифта[править код]

Границы ячеек[править код]

Ширина таблицы и столбцов[править код]

Виды таблиц[править код]

Стандартная[править код]

С подсветкой строк[править код]

Сортируемая[править код]

Сворачиваемая[править код]

Примеры их комбинации[править код]

См. также[править код]

Ссылки[править код]

Навигация

Тептар:Таблицы: различия между версиями

Текущая версия от 16:28, 4 февраля 2022

Исходный код[править код]

Начальный пример[править код]

Элементы[править код]

Классы[править код]

Вертикальное и горизонтальное оформление[править код]

Пример таблицы с описанием параметров[править код]

Заголовки[править код]

Заголовок таблицы[править код]

Заголовки столбцов[править код]

Заголовки строк[править код]

Таблица с сортировкой данных в столбце[править код]

Выравнивание[править код]

Выравнивание содержимого ячейки[править код]

Выравнивание таблицы и её обтекание[править код]

Несколько таблиц рядом[править код]

Вложенные таблицы[править код]

Списки в таблице[править код]

Объединение ячеек[править код]

Цвета[править код]

Цвет фона ячеек[править код]

Цвет текста[править код]

Размер шрифта[править код]

Границы ячеек[править код]

Ширина таблицы и столбцов[править код]

Виды таблиц[править код]

Стандартная[править код]

С подсветкой строк[править код]

Сортируемая[править код]

Сворачиваемая[править код]

Примеры их комбинации[править код]

См. также[править код]

Ссылки[править код]

Навигация

Поиск