Справка: Таблица

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

Ярлык H: ТАБЛИЦА

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

Таблицы можно использовать как инструмент форматирования, но вместо этого рассмотрите возможность использования списка из нескольких столбцов .

Использование панели инструментов [ править ]

Чтобы автоматически вставить таблицу, щелкните или (Вставить таблицу) на панели инструментов редактирования . Если «Вставить таблицу» нет на панели инструментов, следуйте этим инструкциям, чтобы добавить ее.

При нажатии кнопки Вставить таблицу вставляется следующий текст :

{ |  class = "wikitable" | +  Текст подписи  | - ! Текст заголовка !! Текст заголовка !! Текст заголовка | - | Пример || Пример || Пример | - | Пример || Пример || Пример | - | Пример || Пример || Пример | }                       

Этот код создает следующую таблицу:

Образец текста («Текст заголовка» или «Пример») предназначен для замены фактическими данными.

Сводка базовой разметки таблицы [ править ]

• Вышеупомянутые метки должны начинаться с новой строки , за исключением двойных меток ( ||и !!) для необязательного добавления последовательных ячеек в одну строку.
• Пробелы в начале строки игнорируются.
• Контент может следовать за своей меткой ячейки в той же строке (после любых необязательных атрибутов HTML); или в строках ниже метки ячейки (однако остерегайтесь нежелательных абзацев). Контент, использующий вики-разметку, который сам должен начинаться с новой строки, например, со списками, заголовками или вложенными таблицами, должен находиться на отдельной новой строке.
• Чтобы вставить вертикальную черту ( |) в заголовок таблицы или ячейку, используйте <nowiki>|</nowiki>экранирующую разметку.

Атрибуты HTML [ править ]

Каждая метка, кроме конца таблицы ( |}), может принимать один или несколько атрибутов . Атрибуты должны находиться на той же строке, что и метка.

• Ячейки и заголовки ( |или ||, !или !!, и |+) содержат содержимое - отделяют любой атрибут от его содержимого одной вертикальной чертой ( |) с атрибутами, предшествующими содержимому.
• Метки таблиц и строк ( {|и |-) не удерживают содержимое напрямую. Вы не добавить ( |) после любых атрибутов.

Обычно в таблицы включаются следующие атрибуты: classнапример class="wikitable"; style, для стилей CSS ; scope, чтобы указать ячейки заголовка строки или столбца; rowspan, чтобы расширить ячейки более чем на одну строку; colspan, чтобы расширить ячейки более чем на один столбец.

Учебник по синтаксису каналов [ править ]

Эта страница справки может потребовать очистки для соответствия стандартам качества Википедии . Конкретная проблема: список разбит на части в нарушение MOS: LISTGAP , но код для шаблона может быть трудно распутать. Пожалуйста, помогите улучшить эту справочную страницу, если можете; страница обсуждения может содержать предложения.

Хотя синтаксис таблицы HTML также работает, специальный викикод можно использовать как ярлык для создания таблицы. Вертикальная черта или символ «труба» (  | ) коды функционируют точно так же , как и HTML таблицы разметки, поэтому знание кода таблицы HTML помогает понять код трубы. Ярлыки следующие:

• Вся таблица заключена в фигурные скобки и символ вертикальной черты (труба). Так что используйте, {|чтобы начать таблицу и |}закончить ее. Каждый должен быть в отдельной строке:

{|  код таблицы идет сюда |}

• Необязательный заголовок таблицы включает строку, начинающуюся с вертикальной черты и знака плюс " |+", а также подпись после нее:

{|| +  код таблицы заголовков идет сюда|}

• Чтобы начать новую строку таблицы , введите вертикальную черту и дефис в отдельной строке: « |-». Коды ячеек в этой строке начинаются со следующей строки.

{|| + Заголовок таблицы| -  здесь идет код строки | -  здесь идет код следующей строки|}

• Введите коды для каждой ячейки таблицы в следующей строке, начиная с полосы:

{|| + Заголовок таблицы| -|  код ячейки идет сюда| -|  здесь идет код ячейки следующей строки |  следующий код ячейки идет сюда|}

• Ячейки можно разделить либо новой строкой и одной чертой, либо двойной чертой " ||" на той же строке. Оба производят одинаковый результат:

{|| + Заголовок таблицы| -| Ячейка 1 || Ячейка 2 || Ячейка 3| -| Ячейка A | Ячейка B | Ячейка C| -| Ячейка x | Ячейка y || Ячейка z|}

• Необязательные параметры могут изменять отображение и стиль ячеек, строк или всей таблицы. Самый простой способ добавить стиль - установить класс wikitable CSS , который во внешней таблице стилей Википедии определен для применения серой цветовой схемы и границ ячеек к таблицам, использующим его:

{| class = "wikitable"| + Заголовок таблицы! Заголовок столбца 1! Заголовок столбца 2! Заголовок столбца 3| -! Заголовок строки 1| Ячейка 2 || Ячейка 3| -! Заголовок строки A| Ячейка B| Ячейка C|}

Параметры таблицы и параметры ячеек такие же, как в HTML , см.  Http://www.w3.org/TR/html401/struct/tables.html#edef-TABLE и Table (HTML) . Однако thead, tbody, tfoot, colgroup, и colэлементы в настоящее время не поддерживается в MediaWiki , по состоянию на апрель 2017 года ^{[Обновить]}.

Таблица может быть полезна, даже если ни в одной из ячеек нет содержимого. Например, цвета фона ячеек можно изменить с помощью параметров ячеек, превратив таблицу в диаграмму, как пример meta: Template talk: Square 8x8 pentomino . «Изображение» в виде таблицы редактировать гораздо удобнее, чем загруженное.

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

С помощью colspanи rowspanячейки могут занимать несколько столбцов или строк; (см. § Меланж ниже)

Визуализация трубы [ править ]

Когда клетка содержание , которое содержит трубы характера не делает правильно, просто добавить пустой формат для этой ячейки. Второй символ вертикальной черты в строке не отображается; он зарезервирован для добавления формата. Викикод между первым и вторым каналом - это формат, но поскольку пустота или ошибка там игнорируются, они просто исчезают. Когда это произойдет, добавьте фиктивный формат. (Реальный формат см. В § Атрибуты HTML .) Используйте третью вертикальную черту для визуализации вашего первого вертикального символа.|cell code

{| class = "wikitable"| -| '' форматирование '' | P | i | p | e || C | e | l | l | 2 || -| '' форматирование '' | P | i | p | e || '' форматирование '' | C | e | l | l | 2 || -|| P | i | p | e | s || C | e | l | l | 2 ||}

Будут отображаться третий и последующие символы вертикальной черты, но для отображения двух соседних вертикальных символов в ячейке (вместо того, чтобы они действовали как первая конвейерная линия в начале новой ячейки), необходимы другие параметры конвейерной визуализации. Вместо использования фиктивного формата для рендеринга канала вы можете визуализировать его напрямую с помощью 1) <nowiki>|</nowiki>(предпочтительно) или 2) html : |или |. Каждая строка кода ячейки в следующей таблице имеет один канал викикода.

{| class = "wikitable"| -| <nowiki> | </nowiki> Pipes34: <nowiki> || </nowiki>| -| & # 124; Трубы34: & # 124; & # x7C;|}

Шаблон из-за порядка, в котором анализируются данные, эквивалентен вводу одного | трубный характер. Единственный тег-синтаксический анализатор здесь не применяется. Посмотрите, как они не выходят из второй трубы, как & # 124 и выше:{{!}}<nowiki />|<nowiki>|</nowiki>

{| class = "wikitable"| -| <nowiki  /> | Pipe3: || -| Труба2: {{!}} Труба3: {{!}}|}

Сфера [ править ]

• Строка заголовков столбцов идентифицируется с помощью " ! scope="col" |" вместо " |". Каждая ячейка заголовка должна быть на отдельной строке в вики-разметке. Ячейки заголовка обычно отображаются не так, как обычные ячейки, в зависимости от браузера. Часто они выделяются жирным шрифтом и центрируются. scope="col"Разметка должна использоваться для заголовков столбцов во всех таблицах данных , поскольку он явно связывает заголовок с соответствующими клетками, что позволяет обеспечить последовательный опыт для чтения с экрана. Руководство по стилю требует использования области для заголовков столбцов .
• Одна ячейка в строке (обычно, но не всегда первая) идентифицируется как заголовок строки с помощью разметки « ! scope="row" |» вместо « |». Каждая ячейка заголовка должна быть на отдельной строке в вики-разметке. scope="col"Разметка должна использоваться для заголовков столбцов во всех таблицах данных , поскольку он явно связывает заголовок с соответствующими клетками, что позволяет обеспечить последовательный опыт для чтения с экрана. Руководство по стилю требует использования области для заголовков столбцов . Многие браузеры отображают ячейки заголовков строк полужирным шрифтом и выравнивают их по центру. Если такая визуализация нежелательна с эстетической точки зрения, таблица может быть оформлена с помощью класса plainrowheaders, который выравнивает текст в ячейке по левому краю и удаляет выделение жирным шрифтом.

Типичный пример можно разметить так:

{ |  класс = "wikitable  plainrowheaders"  | +  В  табличной  подпись  !  scope = "col"  |  Заголовок столбца  1 ! scope = "col" | Заголовок столбца 2 ! scope = "col" | Заголовок столбца 3 | - ! scope = "row" | Заголовок строки 1 | Ячейка 2 || Ячейка 3 | - ! scope = "row" | Заголовок строки A | Ячейка B ||                                      Ячейка  C | }

Примеры [ править ]

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

Минималистский стол [ править ]

Оба они генерируют одинаковый результат. Выберите стиль на основе количества ячеек в каждой строке и общего текста внутри каждой ячейки.

{|| -| А| B| -| C| D|}

{|| -| А || B| -| C || D|}

Таблица умножения [ править ]

Обратите внимание, что в этом примере class="wikitable"используется стиль таблицы с внешней таблицей стилей Википедии для таблиц. Он добавляет границы, затенение фона и полужирный текст заголовка.

{| class = "wikitable" style = "text-align: center; width: 200px; height: 200px;"| + Таблица умножения| -! × ! 1 ! 2 ! 3| -! 1| 1 || 2 || 3| -! 2| 2 || 4 || 6| -! 3| 3 || 6 || 9| -! 4| 4 || 8 || 12| -! 5| 5 || 10 || 15|}

Операции со всей таблицей [ править ]

Подписи и резюме [ править ]

Для таблиц данных рекомендуется использовать явные заголовки таблиц; Руководство по стилю Википедии считает их высокоприоритетными по причинам доступности, поскольку заголовок явно связан с таблицей, в отличие от обычного заголовка викитекста или вводного предложения. Все таблицы данных в Википедии требуют подписей. Заголовок предоставляется с |+разметкой, как и строка таблицы ( |-), но не содержит ячеек и не находится в пределах таблицы. Заголовки всегда отображаются в виде заголовка по центру (в большинстве браузеров) над таблицей. Заголовок может быть стилизован (с помощью встроенного, а не блочного, CSS) и может включать вики-ссылки, ссылки на ссылки и т. Д.

Резюме приводится обзор данных таблицы для текста и аудио - браузеров, и обычно не отображаются в графических браузерах. Резюме (также с высоким приоритетом «Руководство по стилю» для таблиц) представляет собой синопсис содержания и не повторяет текст заголовка; думайте об этом как об аналоге altописания изображения . Сводка добавляется с помощью в той же строке, что и открывающая таблица, вместе с любыми и другими параметрами для таблицы в целом. Однако этот атрибут устарел в HTML5 .summary="Summary text here."{|class=summary=

Пример разметки Wiki с выровненным по левому краю заголовком с цитатой из источника:

{| class = "wikitable"| + style = "выравнивание текста: слева;" | Данные за 2014–2015 гг. По регионам <ref name = "Garcia 2005" />| -! scope = "col" | Год !! scope = "col" | Африка !! scope = "col" | Америка !! scope = "col" | Азиатско-Тихоокеанский регион !! scope = "col" | Европа| -! scope = "row" | 2014 г.| 2 300 || 8 950 || '9,325' || 4200| -! scope = "row" | 2015 г.| 2,725 || '9 200' || 8,850 || 4 775|}

Как это отображается в браузере:

Ширина, высота [ править ]

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

Разметка вики:

{ |  class = "wikitable"  style = " width :  60 % ;  height :  14 em ; " | - |  Левая верхняя ячейка  ||  Верхняя центральная ячейка  ||  Верхняя правая-ячейка | -  style = " height :  7 em ; " |  Средняя левая ячейка  ||  стиль = " ширина :  14 эм ; "  |  Середина-центр-ячейка  ||  Средняя правая ячейка | - |  Нижняя левая ячейка  || Нижняя центральная ячейка  ||  Нижняя правая ячейка | }

Как это отображается в браузере:

Установка границ [ править ]

Добавить рамку вокруг таблицы , используя свойство CSS , например . В этом примере используется сплошная (не пунктирная) серая граница шириной в один пиксель:border: thickness style color;border:3px dashed red

{| style = "border-spacing: 2px; border: 1px solid darkgray;"! style = "width: 140px;" | Левый! style = "width: 150px;" | Центр! style = "width: 130px;" | Верно| -| [[Файл: StarIconBronze.png | 120px | Значок бронзовой звездочки]]
| [[Файл: StarIconGold.png | 120px | Значок золотой звездочки]]
| [[File: StarIconGreen.png | 120px | Значок зеленой звездочки]]| - style = "выравнивание текста: центр;"| Бронзовая звезда || Золотая звезда || Зеленая звезда|}

Обратите внимание, что текст в нижнем ряду центрирован по центру, style="text-align: center;"а изображения звездочек - не по центру (т.е. по левому краю).

Пока в File:спецификациях не указан параметр, |thumbстроки заголовков в таблице не отображаются (только при наведении указателя мыши). Цвет рамки darkgrayсоответствует типичным таблицам или информационным блокам в статьях; однако это может быть любое имя цвета (например style="border: 1px solid darkgreen;") или шестнадцатеричный цвет (например:) #DDCCBB.

Границы каждой ячейки в таблице

{ |  граница = 1 | - |  А  ||  B  ||  C | - |  D  ||  E  ||  F | }

Если все ячейки имеют одинаковый цвет границы, полученные двойные границы могут не понадобиться; добавить border-collapse: collapse;свойство CSS на открытии таблицы тега , чтобы свести их к одинарным ( cellspacing=...является устаревшим ).

Кроме того, W3C позволяет использовать устаревший border=атрибут в корне таблицы ( {|), если его значение равно «1». Это добавляет к таблице и всем ее ячейкам сразу однопиксельную границу цвета по умолчанию:

Использование border-collapseсвойства для объединения двойных границ, как описано выше:

{ |  border = 1  style = " border-collapse :  collapse ; " | - |  А  ||  B  ||  C | - |  D  ||  E  ||  F | }

Позиционирование [ править ]

• Вы можете позиционировать всю таблицу, содержимое строки и содержимое ячейки, но не с одним параметром для всего содержимого таблицы. См. M: Template talk: Table demo .

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

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

< div > < ul >  <! - Код <div><ul> <li> отображает таблицы рядом, если это позволяет ширина окна -> < li  style = "display: inline-table;" >

Поместите это между таблицами:

</ li > < li  style = "display: inline-table;" >

Поместите это после последней таблицы:

</ li > </ ul > </ div >

style="display: inline-table;"не могут быть добавлены в викитекст таблицы, потому что длинные подписи могут испортить ситуацию в мобильной портретной ориентации или на других узких экранах. Он должен быть добавлен вне таблицы вики-текста. Таблицы будут переноситься в зависимости от ширины экрана. Чтобы увидеть, сузьте окно браузера.

Вот он в употреблении:

< div > < ul >  <! - Код <div><ul> <li> отображает таблицы рядом, если это позволяет ширина окна -> < li  style = "display: inline-table;" >{| class = "wikitable"| + Таблица 1. Длинный заголовок для проверки на наличие проблем в режиме мобильной портретной ориентации.| -! Имя! Цвет| -| Фред| Апельсин| -| Боб| Зеленый| -| Линди| Желтый|} </ li > < li  style = "display: inline-table;" >{| class = "wikitable"| + Таблица 2. Длинный заголовок для проверки на наличие проблем в режиме мобильной портретной ориентации.| -! Животное! Состояние| -| Енот| Мэн| -| Кит| Аляска| -| Манта-скат| Флорида|} </ li > </ ul > </ div >

Первую таблицу можно сдвинуть до упора влево, заменив на<ul style="margin-left:0px;"><ul>

Рядом столы и изображения [ править ]

Вы также можете добавлять изображения в микс. Добавить, vertical-align:top;чтобы выровнять элемент по верхнему краю. См. Другие параметры в свойстве CSS vertical-align . Таблицы и изображения будут переноситься в зависимости от ширины экрана. Чтобы увидеть, сузьте окно браузера. Например:

• <li style="display: inline-table; vertical-align:top;">

Добавить, vertical-align:bottom;чтобы выровнять элемент по низу. Вы можете выбрать выравнивание для каждого элемента.

Плавающий стол [ править ]

Два класса таблиц floatleftи floatright(с учетом регистра) помогают перемещать таблицу и настраивать поля таблицы, чтобы они не прилипали к тексту. floatleftперемещает таблицу влево и регулирует правое поле. floatrightделает наоборот. Пример:

Этот абзац перед таблицей. Текст в столбце 2 охватывает обе строки из-за спецификатора формата «rowspan = 2», поэтому во 2-й строке нет кодирования для «Col 2», только Col 1 и Col 3.{| class = "wikitable floatright"| Столбец 1, ряд 1| rowspan = "2" | Столбец 2, ряд 1 (и 2)| Столбец 3, ряд 1| -| Столбец 1, ряд 2| Колонка 3, ряд 2|}{| class = "wikitable floatleft"| Столбец 1, ряд 1| rowspan = "2" | Столбец 2, ряд 1 (и 2)| Столбец 3, ряд 1| -| Столбец 1, ряд 2| Колонка 3, ряд 2|}Sed ut perspiciatis, un omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventory veritatis et quasi Architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consquuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolorte numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exitationem ullam corporis suscipit labouriosam, nisi ut aliquid ex ea Commodi Conquatur? Quis autem vel eum iure correhenderit, qui in ea voluptate velit esse, quam nihil molestiae consquatur, vel illum, qui dolorem eum fugiat,quo voluptas nulla pariatur?

Как это отображается в браузере:

Обратите внимание , что , хотя существуют и другие способы , чтобы плавать таблицы, например style="float:left;", style="float:right;"единственные параметры , которые позволяют расположить таблицу под плавающий мультимедийный объект являются floatleftи floatright. Например:

Выравнивание стола по дереву floatleftдает:

Но согласование с ним style="float:left;"дает:

Центрирующие столы [ править ]

align="center"является устаревшим в HTML5 , и не очень хорошо работает в программном обеспечении Mediawiki. Например; он не отменяет выравнивание таблиц по левому краю через class=wikitable.

Центрированные таблицы могут быть достигнуты, но они не «плавают»; то есть ни с одной стороны не появляется никакого текста. Уловка
{| style="margin-left: auto; margin-right: auto; border: none;"^{[примечание 1]}

Разметка вики:

Текст перед таблицей ...{| class = "wikitable" style = "margin-left: auto; margin-right: auto; border: none;"| + Ячейки по левому краю, по центру таблицы| -! scope = "col" | Duis! scope = "col" | aute! scope = "col" | irure| -| долор || в репрехендерите || в сладострастном велите| -| esse cillum dolore || eu fugiat nulla || pariatur.|}... текст после таблицы

Как это отображается в браузере:

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

Викитекст:

<! - [[Справка: теги комментариев]] ->{{Collapse | 1 = < nowiki />
* Почему < syntaxhighlight  lang = "moin"  inline > < nowiki /> </ syntaxhighlight > . <! - Удаление <nowiki /> выше, чтобы увидеть. ->
{{tq2 | 1 = < nowiki /> {{tq2 | {{tq2 | 1 = < nowiki /> Текст перед таблицей ... <! - И явная передача параметров? Также проверьте: [[Template: tq2 # Caveats]]. ->{{{!}} class = "wikitable" style = "background-color: # eaf8f4; color: # 008560" ! A !! B !!{{{!}} class = "wikitable" style = "background-color: # f8f4ea"! А !! Б{{!}} -{{!}}{{{!}} class = "wikitable" ! a0 !! b0 {{!}} - {{!}} A {{!}} {{!}} A {{!}}} xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx {{!} } {{{!}} class = "wikitable" ! a1 !! b1 {{!}} - {{!}} B {{!}} {{!}} B {{!}}} {{!} }}{{!}} -{{!}}{{{!}} class = "wikitable" style = "color: # ff4242" ! a0 !! b0 {{!}} - {{!}} A {{!}} {{!}} A {{! }}} xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx {{!}} {{{!}} class = "wikitable" ! a1 !! b1 {{!}} - {{!}} B {{!}} {{!}} B {{ !}}} {{!}} {{Collapse | 1 = < span  style = "color: # ff4242" > Универсальный тест ... </ span > | 2 = X}}{{!}}} ... текст после таблицы. | source = '' ' < span  style = "background-color: # ffff00" > Таблица </ span > в таблице' '' ...}}...а также...}}'' 'Цитата [[поезд | < span  style = "color: # ff0000" > поезд </ span > ]] < span  style = "background-color: # ffff00; color: # ff0000" > ! </ span > '' '[https://en.wikipedia.org/wiki/Help:Link#External_links Внешняя ссылка] ( < span  class = "plainlinks" > [https://en.wikipedia.org/wiki/Help:External_link_icons#Hiding_link_icons скрытый значок ] </ span > )}} | 2 = Например | expand = y}}

• Справка: теги комментариев
• Шаблон: tq2 # Предостережения

Семь различных (синих) таблиц показаны вложенными внутри ячеек таблицы. Автоматически две таблицы | A | и | B | B | выравниваются по вертикали вместо обычных текстовых символов в ячейке рядом друг с другом. И floatиспользуется для фиксации каждой из таблиц | C | и | D | в свою позицию в одной ячейке таблицы. Это можно использовать для диаграмм и схем, хотя, как отмечалось выше, это не рекомендуется. Вложенные таблицы должны начинаться с новой строки.

Викитекст:

{| style = "border: 1px сплошной черный;"| style = "border: 1px сплошной черный;" | &альфа;| style = "border: 1px сплошной черный; выравнивание текста: центр;" | ячейка2{| style = "border: 2px сплошной черный; фон: #ffffcc;" <! - Вложенная таблица должна быть на новой строке ->| style = "border: 2px solid darkgray;" | РАЗМЕЩЕННЫЙ| -| style = "border: 2px solid darkgray;" | СТОЛ|}| style = "border: 1px сплошной черный; vertical-align: bottom;" | снова исходная таблица| style = "border: 1px сплошной черный; ширина: 100px" |{| style = "border: 2px сплошной черный; фон: #ffffcc"| style = "border: 2px solid darkgray;" | А|}{| style = "border: 2px сплошной черный; фон: #ffffcc"| style = "border: 2px solid darkgray;" | B| style = "border: 2px solid darkgray;" | B|}| style = "border: 1px сплошной черный; ширина: 50px" |{| style = "border: 2px сплошной черный; фон: #ffffcc; float: left"| style = "border: 2px solid darkgray;" | C|}{| style = "border: 2px сплошной черный; фон: #ffffcc; float: right"| style = "border: 2px solid darkgray;" | D|}|}

Прокрутка [ править ]

Вся таблица может быть помещена в список с прокруткой, чтобы новые строки таблицы появлялись на экране, а старые строки таблицы исчезали. Хотя MOS: SCROLL не одобряет прокрутку таблиц в пространстве статей, поскольку содержимое статьи должно быть доступно на различных устройствах, тогда как таблица прокрутки скрывает некоторый текст, таблица прокрутки может использоваться в других пространствах имен Википедии . Существует несколько очень сложных прокручиваемых таблиц (с заголовками, которые остаются видимыми и липкими при прокрутке) по пандемии COVID-19 по странам и территориям : Шаблон: данные о пандемии COVID-19 , Шаблон: показатели смертности от пандемии COVID-19 иШаблон: Ежемесячное совокупное количество смертей от COVID-19 по странам . Сортировочные ряды тоже можно сделать липкими. Смотрите здесь и здесь . См. Лист прокрутки ниже: # Ссылка на раздел или ссылка на карту с привязкой строки . См. Также: Шаблон: окно с прокруткой .

Разметка вики:

< div  style = "width: 75%; height: 10em; overflow: auto; border: 2px сплошной красный;" > { |  class = "wikitable" | - |  abc  ||  def  ||  ghi | -  style = " height :  100 px ; " |  jkl  ||  style = " width :  200 px ; "  |  mno  ||  pqr | - |  stu  ||  vwx  ||  yz | } </ div >

Как это отображается в браузере:

Цвет; набор параметров [ править ]

Два способа указать цвет текста и фона для отдельной ячейки:

{|| -| style = "фон: красный; цвет: белый;" | abc| def| style = "фон: красный;" | < span  style = "color: white;" > ghi </ span >| jkl|}

Как и другие параметры, цвета можно указать для всей строки или всей таблицы; параметры для строки переопределяют значение для таблицы, а параметры для ячейки переопределяют значения для строки. (Обратите внимание, что при указании цвета для строки все ячейки строки должны быть записаны в одной строке викитекста. Кроме того, нет простого способа указать цвет для всего столбца: каждая ячейка в столбце должна быть индивидуально. Инструменты могут упростить задачу.)

Разметка вики:

{ |  style = " фон :  желтый ;  цвет :  зеленый ; " | - |  stu  ||  style = " background :  silver ; "  |  vwx  ||  yz | -  style = " фон :  красный ;  цвет :  белый ; " |  stu  ||  style = " background :  silver ; "  |  vwx  ||  yz | - |  Стю ||  style = " background :  silver ; "  |  vwx  ||  yz | }

Чтобы таблица сливалась с фоном, используйте style="background: none;"или style="background: transparent;". (Предупреждение:, style="background: inherit;"не работает с некоторыми старыми браузерами, включая IE6, поэтому убедитесь, что таблица будет понятна, если предпочтение цвета не работает.)

Чтобы заставить ячейку соответствовать одному из цветов class="wikitable"шаблона по умолчанию , используйтеstyle="background:#EAECF0;"    для более темного заголовка и style="background:#F8F9FA;"   для более легкого тела. # A2A9B1 - цвет границы вики-таблиц.

Операции с ячейками [ править ]

Установка параметров ячейки [ править ]

В начале ячейки добавьте свой параметр, за которым следует одна вертикальная черта. Например, style="width: 300px"|устанавливает для этой ячейки ширину 300 пикселей. Чтобы установить более одного параметра, оставьте пробел между ними.

{ |  style = " цвет :  белый ; " | - |  style = " background :  red ; " | cell1  ||  style = " ширина :  300 пикселей ;  фон :  синий ; " | ячейка2 |  style = " background :  green ; " | cell3 | }

Вертикальное выравнивание в ячейках [ править ]

По умолчанию текст выравнивается по вертикальной середине ячейки:

Чтобы выровнять текст по верхнему краю ячейки, примените style="vertical-align: top;"CSS к строкам (к сожалению, кажется необходимым применять это индивидуально к каждой строке). valign=...Атрибут устарел и не должен использоваться.

{ |  class = "wikitable"  style = " width :  400 px ; " | -  style = " vertical-align :  top ; " !  scope = "row"  style = " width :  10 % ; "  |  Заголовок строки  | style = " width : 70 % ; " | Больше кусок из текста. Lorem ipsum ... | style = " ширина : 20 % ;            "  |  Краткий  текст | -  style =" vertical-align :  top ; " !  scope =" row "  |  Заголовок строки  | Excepteur sint occaecat ... | Краткий текст | }     

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

Содержимое ячейки может иметь отступ в стиле CSS padding-left.

Разметка вики:

{| class = "wikitable"| -| Содержимое ячейки без отступов или дополнений| -| style = "padding-left: 2em;" | style = "padding-left: 2em;"| -| style = "выравнивание текста: справа; отступ справа: 2em;" | style = "padding-right: 2em;"| -| style = "padding-top: 2em;" | style = "padding-top: 2em;"| -| style = "padding-bottom: 2em;" | style = "padding-bottom: 2em;"| -| style = "padding: 3em 5%;" | style = "padding: 3em 5%;" {{пробел | 4}} Сверху и снизу 3em, слева и справа 5%| -| style = "padding: 3em 4em 5%;" | style = "padding: 3em 4em 5%;" {{пробел | 4}} Верхние 3em, Левая и правая 4em, Нижние 5%| -| style = "отступ: 3%;" | style = "отступ: 3%;" {{space | 4}} Сверху, справа, снизу и слева все 3%| -| style = "padding: 1em 20px 8% 9em;" | style = "padding: 1em 20px 8% 9em;" {{space | 4}} Верхняя 1em, Правая 20px, Нижняя 8% и Левая 9em|}

Шаблон для аргументов

Аргументы to style="padding: "можно рассматривать как упорядоченные по 12-часовым часам , начиная с полудня и идя по часовой стрелке , в следующем смысле: «верх» связан с полуднем (т.е. 12 часов, верхняя часть часов ) », справа - 3 часа, внизу - 6 часов, а слева - 9 часов. Аргументы упорядочиваются по часовой стрелке, начиная с полудня: вверху → справа → снизу → слева (см. Эту ^{[примечание 2]} для примера с объяснением).

Этот же порядок используется и в других местах, например, при указании границ ячейки с помощью border-style: .

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

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

{| style = "border-spacing: 2px; border: 1px solid darkgray;"! style = "width: 140px;" | Левый! style = "width: 150px;" | Центр! style = "width: 130px;" | Верно| - style = "выравнивание текста: центр;"| style = "border: 1px сплошной синий;" |[[File: StarIconBronze.png | 120px | Значок бронзовой звездочки]]| style = "border: 1px solid # 777777;" |[[Файл: StarIconGold.png | 120px | Значок золотой звездочки]]| style = "border: 1px solid # 22AA55;" | <! - зеленоватая рамка ->[[File: StarIconGreen.png | 120px | Значок зеленой звездочки]]| - style = "выравнивание текста: центр;"| Бронзовая звезда || Золотая звезда || Зеленая звезда|}

Обратите внимание, здесь только ячейки изображения имеют отдельные границы, а не текст. Нижние шестнадцатеричные цвета (например #616161:) ближе к черному. Обычно все границы в таблице имеют один определенный цвет.

Верхняя, правая, нижняя и левая границы ячейки

Чтобы установить левую, правую, нижнюю или верхнюю границу отдельной ячейки, можно использовать style='border-style:'4 аргумента, каждый из которых - solidили none. Эти аргументы упорядочены в соответствии с описанным здесь шаблоном . Например, style='border-style: solid none solid none;'где четыре параметра соответствуют соответственно

'border-style: top right bottom left;'

границы клетки. По причинам, описанным после этого примера, есть много способов изменить следующий код , которые не приведут к каким-либо изменениям в фактически отображаемой таблице .

{| class = "wikitable"| -| Левая верхняя ячейка<! - 'стиль границы: верхний правый нижний левый;' ->| style = 'border-style: solid solid none none; | Верхняя центральная ячейка| Верхняя правая ячейка| -| style = 'border-style: none none solid solid;' стиль границы: нет ни одного твердого тела; ' | Средняя левая ячейка| style = 'border-style: none none none none;' | Средняя центральная ячейка| style = 'border-style: solid solid none none; | Средняя правая ячейка| -| Нижняя левая ячейка| style = 'border-style: none none solid solid;' стиль границы: нет ни одного твердого тела; ' | Нижняя центральная ячейка| Нижняя правая ячейка|}

Однако обратите внимание, что в следующей таблице ни одна из Middle-center-cellграниц центральной ячейки (т. Е.) Не удалена, несмотря на код style='border-style: none none none none;':

{ |  class = "wikitable" | - |  Левая верхняя ячейка  ||  Верхняя центральная ячейка  ||  Верхняя правая ячейка  | - |  Средняя левая ячейка  |  style = 'стиль границы :  нет  нет  нет  нет нет ; '  |  Средняя ячейка в центре  |  Средняя правая ячейка  | - |  Нижняя левая ячейка  ||  Нижняя центральная ячейка  ||  Нижняя правая ячейка  | }

Это происходит потому, что код class="wikitable"помещает границу (верхнюю, правую, нижнюю и левую) вокруг каждой ячейки в таблице, так что, например, фактически есть две границы между ячейками «Ячейка по центру» и «Ячейка по центру». -клетка". Таким образом, чтобы удалить границу между ячейками «Средняя-центральная-ячейка» и «Средняя-правая-ячейка», необходимо удалить как правую границу «Средняя-центральная-ячейка», так и левую границу «Средняя-правая -ячейка». клетка":

{| class = "wikitable"| -| Левая верхняя ячейка || Верхняя центральная ячейка || Верхняя правая ячейка| -| Средняя левая ячейка<! - 'стиль границы: верхний правый нижний левый;' ->| style = 'border-style: none none none none;' | Средняя центральная ячейка| style = 'border-style: none none none none;' | Средняя правая ячейка<! - Вместо указанной выше строки можно использовать следующее, и в отображаемой таблице не будет никаких изменений: | style = 'border-style: solid solid solid none;' стиль границы: твердый твердый твердый нет; | Средняя правая ячейка ->| -| Нижняя левая ячейка || Нижняя центральная ячейка || Нижняя правая ячейка|}

Обратите внимание , что замена {| class="wikitable"с {| style="border-collapse: collapse;"имеет эффект удаления всех границ ячеек , которые могли бы появиться по умолчанию вокруг каждой ячейки в таблице. С этим изменением, вы должны вставить в единую границе ячейки между двумя соседними ячейками , а не удалить две границы ячейки.

Операции со строками [ править ]

Высота [ править ]

(см. § Ширина, высота )

Граница [ править ]

(см. § Установка границ )

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

(см. § Размещение )

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

Колоночные операции [ править ]

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

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

{ |  class = "wikitable" | - !  scope = "col"  style = " width :  50 px ; "  |  Имя !  scope = "col"  style = " width :  250 px ; "  |  Эффект !  scope = "col"  style = " минимальная ширина :  225 пикселей ;  максимальная ширина :  300 пикселей ; "  |  Игры  найдены  в | - |  Тыкать  Болл  ||  Обычное  поке Мяч  ||  Все  версии | - |  Большой  бал  ||  Лучше ,  чем  в  ткнуть  Болл  ||  Все  версии | }

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

Разметка вики:

{| class = "wikitable"| -| style = "width: 100pt;" | Ширина этого столбца составляет 100 пунктов.| style = "width: 200pt;" | Ширина этого столбца составляет 200 пунктов.| style = "width: 300pt;" | Ширина этого столбца 300 пунктов.| -| бла || blih || блух|}

Вы также можете использовать проценты, например, чтобы уравнять ширину двухколоночной таблицы, установив для одного из них значение style="width: 50%;".

Одно из применений установки ширины - это выравнивание столбцов следующих друг за другом таблиц. Ниже приведены отдельные таблицы со значениями столбцов 350 и 225 пикселей. Предупреждение: установка определенных размеров в пикселях не рекомендуется, так как это мешает браузеру настраивать контент в соответствии с окном браузера, размером устройства, ограничениями размера шрифта на стороне пользователя и другими ограничениями. Настоятельно рекомендуется использовать относительные размеры в процентах или значениях em .

Nowrap [ править ]

В таблице, занимающей всю ширину страницы, ячейки, более узкие, чем самая широкая ячейка, имеют тенденцию к переносу. Чтобы не допустить переноса всего столбца, используйте style="white-space: nowrap;"ячейку без заголовка в самой длинной / самой широкой ячейке, чтобы повлиять на весь столбец.

Без nowrap, как в браузере:

{| class = "wikitable sortable"| -! scope = "col" | Эпизод ! scope = "col" | Дата ! scope = "col" | Резюме| -| «Путешествие начинается»| 1 января 2010 г.| [[ Lorem ipsum ]] dolor sit amet, [...] <! - Этот текст является усечением фактического (длинного) текста, отображаемого в выводе ниже ->| -| "Когда эпизоды атакуют"| 8 января 2010 г.| Lorem ipsum dolor sit amet, [...]| -| "Пока"| 15 января 2010 г.| Lorem ipsum dolor sit amet, [...]|}

С помощью nowrapв столбцах «Эпизод» и «Дата», как они отображаются в браузере:

{| class = "wikitable sortable"| -! scope = "col" | Эпизод ! scope = "col" | Дата ! scope = "col" | Резюме| -| «Путешествие начинается»| 1 января 2010 г.| [[ Lorem ipsum ]] dolor sit amet, [...] <! - Этот текст является усечением фактического (длинного) текста, отображаемого в выводе ниже ->| -| style = "white-space: nowrap;" | "Когда эпизоды атакуют"| 8 января 2010 г.| Lorem ipsum dolor sit amet, [...]| -| "Пока"| style = "white-space: nowrap;" | 15 января 2010 г.| Lorem ipsum dolor sit amet, [...]|}

Всплывающие подсказки [ править ]

Вы можете добавлять всплывающие подсказки к столбцам с помощью шаблона {{ H: title }}. Просто замените заголовок столбца на {{H:title|The tool tip|Column title}}, чтобы он выглядел так: Заголовок столбца .

Более сложные примеры [ править ]

Меланж [ править ]

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

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

Пользователи могут поиграть с этими настройками в своей таблице, чтобы увидеть, какой эффект они оказывают. Не все из этих методов могут быть подходящими во всех случаях; То, что, например, можно добавить цветной фон, не означает, что это всегда хорошая идея. Постарайтесь, чтобы разметка в таблицах была относительно простой - помните, что статью будут редактировать и другие люди! Однако этот пример должен дать представление о том, что возможно.

Разметка вики:

Текст перед центрированной таблицей ...{| style = "граница: сплошной черный 1px; интервал границы: 0; маржа: 1em auto;"| + '' ' Примерная таблица ' ''| -! style = "border: 1px сплошной черный; отступ: 5px; фон: #efefef;" | Первый заголовок! colspan = "2" style = "border: 1px сплошной черный; padding: 5px; background: #ffdead;" | Второй заголовок| -| style = "border: 1px сплошной черный; padding: 5px;" | Верхний левый| style = "border: 1px сплошной черный; padding: 5px;" | Выше среднего| rowspan = "2" style = "border: 1px сплошной черный; border-bottom: 3px сплошной серый; padding: 5px; vertical-align: top;" |Правая сторона| -| style = "border: 1px сплошной черный; border-bottom: 3px сплошной серый; padding: 5px;" | Нижний левый| style = "border: 1px сплошной черный; border-bottom: 3px сплошной серый; padding: 5px;" | Нижняя середина| -| colspan = "3" style = "border: 1px сплошной черный; text-align: center;" |Текст перед вложенной таблицей ...{|| + '' Таблица в таблице ''| -| style = "выравнивание текста: центр; ширина: 150 пикселей;" | [[Файл: Wiki.png]]
| style = "выравнивание текста: центр; ширина: 150 пикселей;" | [[Файл: Wiki.png]]| -| colspan = "2" style = "text-align: center; border-top: 1px сплошной красный; < ! - -> border-right: сплошной красный 1px; border-bottom: 2 пикселя, сплошной красный; < ! - -> border-left: сплошной красный 1px; "|Два логотипа Википедии|}... текст после вложенной таблицы|}... текст после центрированной таблицы

Как это отображается в браузере:

Плавающие изображения в центре [ править ]

Таблицу можно использовать для обтекания изображения, чтобы таблица могла плавать по направлению к центру страницы (например, используя:) style="float: right;". Однако поля таблицы, границы и размер шрифта должны быть точно установлены, чтобы соответствовать типичному отображению изображения. Параметр File-spec |thumb(несмотря на автоматическое создание миниатюр по ширине, заданной пользователем) устанавливает широкое левое поле, которое сжимает ближайший текст, поэтому параметр |centerможет быть добавлен для подавления заполнения левого поля. Однако |centerиногда заголовок |thumbпомещается во вторую строку (под центрированным прямоугольником «[]»), поэтому его можно опустить и просто жестко указать размер изображения, добавив серую (#BBB) границу. Используя точные параметры для сопоставления с другими изображениями, таблицу плавающих изображений можно закодировать следующим образом:

{| style = "float: right; border: 1px solid #BBB; margin: .46em 0 0 .2em;"| - style = "font-size: 86%;"| style = "vertical-align: top;" | [[ Файл: DuraEuropos-TempleOfBel.jpg | 180px ]] <! -  -> <br /> Храм [[ Бэла (мифология) | Бел ]] (плавающий)|}

Размер текста внутри плавающей таблицы составляет style="font-size: 86%;". Эта таблица с плавающим изображением перемещает типичный блок изображения, но позволяет регулировать левое поле изображения (см. Пример плавающего храма ниже).

Текст заголовка можно опустить или удалить параметр thumb | так что заголовок скрыт до "отображения наведения указателя мыши". К сожалению, этот параметр |thumb(используемый для отображения подписи) также управляет автоматическим уменьшением изображения для изменения размера изображений в соответствии с размером, заданным пользователем. Чтобы автоматически изменять размер миниатюр при одновременном скрытии подписи, используйте |frameless|rightвместо |thumb.

Изображение, установленное с параметром, |leftимеет широкое правое поле (противоположное поле параметра |right), поэтому перемещение влево может быть достигнуто с изображением, установленным как |centerвнутри таблицы с style = "float: left; margin: 0.46em 0.2em; ".

Напомним, что вне таблицы изображений параметр |rightзаставляет изображение выравниваться (либо) над или под информационным окном, но не перемещается рядом с информационным окном.

Обратите внимание на порядок приоритета : сначала используются информационные окна или изображения |right, затем идут плавающие таблицы и, наконец, любые текстовые обертки, которые еще могут уместиться. Если первое слово текста слишком длинное, никакой текст не уместится для заполнения левой части, поэтому будьте осторожны, создавая «рваное левое поле», когда недостаточно места для текста, чтобы поместиться рядом с плавающими таблицами.

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

Эту функцию автоматического выравнивания можно использовать для создания «плавающей галереи» изображений: набор из 20 плавающих таблиц переносится (в обратном направлении, справа налево), как если бы каждая таблица была словом текста для переноса по страница. Для перехода в обычном направлении (слева направо) вместо этого определите все эти плавающие таблицы как таблицы с левой стороны, используя параметр top style="float:left; margin:0.46em 0.2em;". Несколько плавающих изображений позволяют более гибко набирать изображения вокруг текста.

Совместное использование COLSPAN и ROWSPAN [ править ]

{| class = "wikitable"| -! Колонка 1 !! Колонка 2 !! Колонка 3| -| rowspan = "2" | А| colspan = "2" style = "text-align: center;" | B<! - столбец 3 этой строки занят ячейкой B (которая находится слева) ->| -<! - столбец 1 этой строки занят ячейкой A (вверху) ->| C| D| -| E| rowspan = "2" colspan = "2" style = "text-align: center;" | F<! - столбец 3 этой строки занят ячейкой F (слева) ->| -| грамм<! - столбцы 2 и 3 этой строки заняты ячейкой F (вверху) ->| -| colspan = "3" style = "text-align: center;" | ЧАС<! - столбцы 2 и 3 этой строки заняты ячейкой H (слева) ->|}

Обратите внимание, что использование rowspan="2"для ячейки G в сочетании с rowspan="3"для ячейки F, чтобы получить другую строку ниже G и F , не будет работать, потому что все (неявные) ячейки будут пустыми. Точно так же полные столбцы не отображаются, если все их ячейки пусты. Границы между непустыми и пустыми ячейками также могут не отображаться (в зависимости от браузера), используйте  для заполнения пустой ячейки фиктивным содержимым.

Ниже приведена та же таблица с указанием порядка объявленных строк и ячеек в скобках. Также показаны используемые rowspanи colspan.

Обратите внимание, что хотя ячейка C находится в столбце 2, C является первой ячейкой, объявленной в строке 3, потому что столбец 1 занят ячейкой A , которая была объявлена ​​в строке 2. Ячейка G - единственная ячейка, объявленная в строке 5, потому что ячейка F занимает другие столбцы, но был объявлен в строке 4.

Обходные пути [ править ]

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

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

{ |  style = " border-collapse :  collapse ; " |  style = " text-align :  right ; "  |  432  ||  .1 | - |  style = " text-align :  right ; "  |  43  ||  .21 | - |  style = " text-align :  right ; "  |  4  ||  .321 | }

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

{ |  class = "wikitable" ! colspan = 2 |  Заголовок | - |  style = " text-align : right ;  border-right : none ;  padding-right : 0 ; "  |  432 |  style = " выравнивание текста : слева ;  граница слева :  нет ;  отступ слева :  0 ; "  |  .1 | - |  style = " выравнивание текста : справа ;  граница справа : нет;  отступ справа : 0 ; "  |  43 |  style =" выравнивание текста : слева ;  граница слева :  нет ;  отступ слева :  0 ; "  |  .21 | - |  style =" выравнивание текста : вправо ;  граница справа : нет ;  отступ справа : 0 ; "  |  4 |  style =" выравнивание текста : слева ;  граница слева : нет ;  отступ слева :  0 ; "  |  .321 | }

Или же можно использовать шаблон {{ decimal cell }}:

{ |  class = "wikitable" ! colspan = 2  | Заголовок | - |  {{десятичная  ячейка | 432.1 } } | - |  { {десятичная  ячейка | 43.21 } } | - |  { {десятичная  ячейка | 4.321 } } | }

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

Кроме того, если в таблице есть интервал между ячейками (и, следовательно, border-collapse=separate), что означает, что ячейки имеют отдельные границы с промежутком между ними, этот промежуток все равно будет виден.

Более грубый способ выровнять столбцы чисел - использовать пространство цифр   , которое должно быть шириной числа, хотя на практике зависит от шрифта:

{ | |  432,1 | - |  & amp ; # 8199 ; 43.21 | - |  & amp ; # 8199 ; & amp ; # 8199 ; 4.321 | }

Другие компаньоны в этой строке: пробел (  ) для замены точки или запятой −вместо легко доступного на клавиатуре пишущей машинки дефиса-тире - такой же ширины, как и знак плюса, а также тире с цифрами, возможно, наиболее полезно для телефонные номера, которых вы явно не найдете в Википедии.

При использовании шрифтов OpenType также можно чередовать и - это особенно заметно в кернинге арабской цифры ⟨1⟩. В стандартном браузере шрифты без засечек «1» занимают ту же ширину, что и другие цифры, т.е. работает как если бы был включен.font-variant-numeric:tabular-numsfont-variant-numeric:proportional-numsfont-variant-numerals:tabular-nums

Некоторым может оказаться полезным {{ 0 }} для выравнивания.

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

 432 . 1  43 . 21  4 . 321

432,1 43,21 4,321

Непрямоугольные столы [ править ]

{{diagonal split header|HEADER-FOR-ROW-HEADERS|HEADER-FOR-COLUMN-HEADERS}}может использоваться для разделения ячейки заголовка по диагонали, как в верхней левой ячейке ниже: ^{[примечание 3]}

{| class = "wikitable" ! {{заголовок с разделением по диагонали | От | До}} ! Твердый !! Жидкость !! Газ| -! Твердый| Преобразование твердое тело в твердое тело || Плавление || Сублимация| -! Жидкость| Замораживание || {{ sdash }} || Кипячение / испарение| -! Газ| Осаждение || Конденсация || {{ sdash }}|}

Границы ячеек можно скрыть, добавив border: none; background: none;к атрибутам стиля таблицы или ячейки (может не работать в старых браузерах). Другое использование - реализация таблиц с выравниванием по многим столбцам.

Источник вики

Оформленный результат

{| class = "wikitable" style = "border: none; background: none;"! colspan = "2" rowspan = "2" style = "border: none; background: none;" | [[File: Pfeil_SO.svg | none | link = | 20px]] ! colspan = "3" | К| -! Твердый !! Жидкость !! Газ| -! rowspan = "3" | От ! Твердый| Преобразование твердое тело в твердое тело || Плавление || Сублимация| -! Жидкость| Замораживание || {{ sdash }} || Кипячение / испарение| -! Газ| Осаждение || Конденсация || {{ sdash }}|}

К Твердый Жидкость Газ Из Твердый Преобразование твердое тело Плавление Сублимация Жидкость Замораживание - Кипячение / испарение Газ Осаждение Конденсация -

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

{| class = "wikitable" style = "border: none; background: none;"! scope = "col" | Год ! scope = "col" | Размер| rowspan = "5" style = "border: none; background: none;" |! scope = "col" | Год ! scope = "col" | Размер| rowspan = "5" style = "border: none; background: none;" |! scope = "col" | Год ! scope = "col" | Размер| -| 1990 || 1000 <br /> (оценка) || 2000 || 1357 || 2010 || 1776 г.| -| 1991 || 1010 || 2001 || 1471 || 2011 || 1888 г.| -| colspan = "2" style = "text-align: center;" | ⋮| colspan = "2" style = "text-align: center;" | ⋮| colspan = "2" style = "text-align: center;" | ⋮| -| 1999 || 1234 || 2009 || 1616 || 2019 || 1997 <br /> (оценка)|}

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

(см. § Центрирующие таблицы )

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

Помимо базового , описанного выше, существует несколько других классов CSS .class="wikitable"

В первой строке кода таблицы после {|, вместо того, чтобы указывать стиль напрямую, вы также можете указать класс CSS, который может использоваться для применения стилей. Стиль для этого класса можно указать по-разному:

• в самом программном обеспечении для каждого скина (например, класс сортируемый )
• коллективно для всех пользователей одной вики в MediaWiki: Common.css (например, в этом и некоторых других проектах есть или был класс wikitable, позже перемещенный в shared.css )
• отдельно для каждого скина в MediaWiki: Monobook.css и т. д.
• индивидуально на одной вики на подстранице пользователя
• индивидуально, но совместно для таблиц соответствующего класса на всех веб-страницах на локальном компьютере пользователя.

Вместо того, чтобы запоминать параметры таблицы, вы просто включаете соответствующий класс после {|. Это помогает поддерживать единообразие форматирования таблиц и может позволить одно изменение класса исправить проблему или улучшить внешний вид всех таблиц, которые его используют одновременно. Например, это:

{ |  стиль = " границы интервал :  2 точек ; " | +  Умножение  стол | - !  scope = "col"  |  & раз ; !  scope = "col"  |  1 !  scope = "col"  |  2 !  scope = "col"  |  3 | - !  scope = "row"  |  1 |  1  ||  2  ||  3 | - !  scope = "row" |  2 |  2  ||  4  ||  6 | -!  scope = "row"  |  3 |  3  ||  6  ||  9 | - !  scope = "row"  |  4 |  4  ||  8  ||  12 | - !  scope = "row"  |  5 |  5  ||  10  ||  15 | }

становится это:

{ |  класс = "wikitable" | +  Умножение  стол | - !  scope = "col"  |  & раз ; !  scope = "col"  |  1 !  scope = "col"  |  2 !  scope = "col"  |  3 | - !  scope = "row"  |  1 |  1  ||  2  ||  3 | - !  scope = "row"  |  2 |  2  ||  4  ||  6 | - !  scope = "row" |  3 |  3 ||  6  ||  9 | - !  scope = "row"  |  4 |  4  ||  8  ||  12 | - !  scope = "row"  |  5 |  5  ||  10  ||  15 | }

просто заменив встроенный CSS для таблицы на class="wikitable". Это связано с тем, что wikitableкласс в MediaWiki: Common.css содержит ряд table.wikitableправил стиля CSS. Все они применяются сразу, когда вы помечаете таблицу классом. Затем при желании можно добавить дополнительные правила стиля. Они переопределяют правила класса, позволяя использовать стиль класса как основу и строить на нем:

{ |  класс = "wikitable"  стиль = " стиль шрифта :  курсив ,  размер шрифта :  120 % ;  граница :  3 точек  пунктирной  красный ; " | +  Умножение  стол | - * !  scope = "col"  |  & раз ; !  scope = "col"  |  1 !  scope = "col"  |  2 !  scope = "col"  |  3 | - !  scope = "row" |  1 |  1  ||  2 ||  3 | - !  scope = "row"  |  2 |  2  ||  4  ||  6 | - !  scope = "row"  |  3 |  3  ||  6  ||  9 | - !  scope = "row"  |  4 |  4  ||  8  ||  12 | - !  scope = "row"  |  5 |  5  ||  10  ||  15 | }

Обратите внимание, что таблица сохраняет серый фон wikitableкласса, а заголовки по-прежнему выделены жирным шрифтом и центрированы. Но теперь форматирование текста было отменено локальным style=оператором; весь текст в таблице выделен курсивом и имеет нормальный размер 120%, а граница для википедии заменена красной пунктирной рамкой.

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

Классы также можно использовать для сворачивания таблиц, поэтому по умолчанию они скрыты. Используйте класс, mw-collapsibleчтобы включить сворачивание. Сворачиваемые таблицы также можно сортировать, включив в них sortableкласс (см. § Сортируемые таблицы ) . По умолчанию сворачиваемая таблица начинает разворачиваться. Чтобы изменить это, добавьте дополнительный класс . В качестве альтернативы вы можете добавить вместо , который автоматически сворачивает таблицу, если на странице присутствуют два или более сворачиваемых элемента.mw-collapsedautocollapsemw-collapsed

Примечание . Предыдущие версии этой статьи рекомендовали этот collapsibleкласс, но mw-collapsibleтеперь он предпочтительнее. Это функция программного обеспечения MediaWiki, а не локальная настройка, и с ее помощью можно сделать сворачиваемыми любые элементы, а не только таблицы. mw-collapsibleтакже не требует строки заголовка в таблице, как collapsibleэто было. Таблицы будут отображать элементы управления «[скрыть]» / «[показать]» в первой строке таблицы (независимо от того, является ли это строкой заголовка), если не присутствует заголовок таблицы. (см. § Таблицы с подписями )

Пример:

{ |  class = "wikitable  mw-collapsible  autocollapse" | - !  Заголовок | - |  Контент,  который  начинается  скрытым | - |  больше  скрытого  контента | }

Без строки заголовка [ править ]

{| class = "wikitable sortable mw-collapsible"

{| class = "wikitable sortable mw-collapsible mw-collapsed"

Таблицы с подписями [ править ]

Таблицы с подписями сворачиваются до заголовка таблицы. Используйте {{ nowrap }}, чтобы заголовок не помещался в крошечный вертикальный столбец, когда таблица свернута.

{| class = "wikitable sortable mw-collapsible"| + {{nowrap | Довольно длинная подпись к таблице}}

{| class = "wikitable sortable mw-collapsible mw-collapsed"| + {{nowrap | Довольно длинная подпись к таблице}}

Сортируемые таблицы [ править ]

Таблицы можно сделать сортированными, добавив CSS sortable ; подробнее см. Справка: Сортировка . Поскольку это может быть очень полезно, при проектировании таблицы разумно помнить о возможностях и ограничениях этой функции. Например:

• Не делите таблицу на разделы по подзаголовкам, занимающим несколько строк. Вместо этого можно сделать дополнительный столбец, показывающий содержимое этих заголовков в каждой строке в краткой форме.
• В столбце с цифрами не помещайте текст, например "ca". или "ок." до или после числа - это нарушит числовую сортировку. Не помещайте текст или буквы алфавита в ячейки столбца, подлежащего числовой сортировке. Старайтесь не помещать диапазон чисел (это не влияет на позицию сортировки для числового режима сортировки, а в случае диапазона первое число определяет позицию, но если, возможно, после сортировки того или другого столбца элемент вверху - режим сортировки по алфавиту). Вместо этого используйте «значение сортировки данных», чтобы переопределить отображаемое содержимое в отношении его возможности сортировки для этого элемента. см. Help: Sorting # Указание ключа сортировки для ячейки .

Длинную форму сокращенного содержания можно поместить в качестве легенды за пределами таблицы.

{| class = " wikitable sortable " | + Сортируемая таблица| -! scope = "col" | По алфавиту! scope = "col" | Числовой! scope = "col" | Дата! scope = "col" class = "unsortable" | Несортированный| -| d || 20 || 2008-11-24 || Этот| -| б || 8 || 2004-03-01 || столбец| -| а || 6 || 1979-07-23 || не могу| -| c || 4 || 1492-12-08 || быть| -| е || 0 || 1601-08-13 || отсортировано.|}

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

Сортировка и сворачивание [ править ]

Можно свернуть сортируемую таблицу. Для этого вам нужно использовать код . Взяв приведенную выше таблицу и сделав ее разборной, вы получите следующее:{| class="wikitable sortable mw-collapsible"

{| class = "wikitable sortable mw- collapsible " | + {{nowrap | Сортируемая и сворачиваемая таблица}}| -! scope = "col" | По алфавиту! scope = "col" | Числовой! scope = "col" | Дата! scope = "col" class = "unsortable" | Несортированный| -| d || 20 || 2008-11-24 || Этот| -| б || 8 || 2004-03-01 || столбец| -| а || 6 || 1979-07-23 || не могу| -| c || 4.2 || 1492-12-08 || быть| -| е || 0 || 1601-08-13 || отсортировано.|}

Если вы хотите, чтобы таблица по умолчанию находилась в свернутом состоянии, используйте код вместо .{| class="wikitable sortable mw-collapsible mw-collapsed"{| class="wikitable sortable mw-collapsible"

mw-datatable - выделение строки при наведении курсора. Белый фон [ править ]

class="mw-datatable"позволяет выделять строки. Это упрощает отслеживание данных и информации в строке, особенно в более широких таблицах. Прокрутите курсор по таблицам ниже, чтобы увидеть голубую полосу в таблицах со значком class="mw-datatable".

class="mw-datatable"создает белый фон для ячеек данных ; в то время как class="wikitable"создает серый фон для ячеек данных.

{| class = "mw-datatable" | -! 1 !! 2 !! 3| -| 1-1 || 2-1 || 3-1| -| 1-2 || 2-2 || 3-2|}

{| class = "wikitable" | -! 1 !! 2 !! 3| -| 1-1 || 2-1 || 3-1| -| 1-2 || 2-2 || 3-2|}

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

{| class = "wikitable mw-datatable" | -! 1 !! 2 !! 3| -| 1-1 || 2-1 || 3-1| -| 1-2 || 2-2 || 3-2|}

Ячейки, занимающие несколько строк или столбцов [ править ]

Можно создавать ячейки, занимающие два или более столбца. Для этого используется . Точно так же можно создавать ячейки, занимающие две или более строк. Для этого требуется . В коде таблицы необходимо исключить ячейки, которые покрываются таким промежутком . Результирующий подсчет столбцов и строк должен соответствовать.|colspan=n | content|rowspan=m | content

{| class = "wikitable" style = "text-align: center;"! col1! col2! col3! col4| -! row1| colspan = "2" | A <! - подсчет столбцов: ячейка 'B' не может существовать ->| C| -! row2| AA| BB| CC| -! row3| AAA| rowspan = "2" | BBB | CCC| -! row4| AAAA<! - подсчет строк: ячейка BBBB не может существовать ->| СССС|}

В коде ячейка | colspan="2" | Aзанимает два столбца. Обратите внимание, что в следующем столбце ячейки, которая должна содержать «B», не существует .

Аналогично: в коде ячейка | rowspan="2" | BBBзанимает две строки. Ячейка, которая должна содержать «BBBB», не существует .

Ссылка на раздел или ссылка на карту с привязкой строки [ править ]

Чтобы включить ссылку раздела «ы якорь (или ссылку на карту » ы якорь), ссылки на конкретную строку в столике, потребности параметров , которые будут добавлены в начало строки или :id="section link anchor name"|-<tr>

|- id="section link anchor name"

<tr id="section link anchor name">

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

Пример ссылки карты на строку

Когда метка страны, содержащая ссылку, нажимается на карте, ссылка, закодированная, например, как [[#Table row 11|Slovenia]]ссылка на привязку (в таблице), закодированная как |- id="Table row 11", заставляет страницу прокручиваться, так что выбранная строка таблицы находится наверху. просмотра в браузере. Здесь мы используем семейство шаблонов , и выложить такую таблицу для нас:{{Image label begin}}{{Image label small}}{{Image label end}}

Нажатие на название страны прокручивает список и показывает данные страны вверху. Андорра ↓ Албания Австрия Беларусь Бельгия B&H Болгария Хорватия Чешская респ. Дания Эстония Финляндия Франция Германия Греция Венгрия Исландия Ирландия Италия Латвия Литва Люксембург → Mac. ← Мальта Молдова Mont. Нидерланды Норвегия Польша Португалия Румыния Россия Сербия Словакия Словения Испания Швеция  Switz- Erland Украина Соединенное Королевство

Страны по проценту членов Авааз на население.      Список можно прокручивать вручную или в интерактивном режиме. ∨      #    |           Страна   |      Население  |  Авааз  |   с цветовой кодировкой %           1 Андорра 85 000 3 316   3,90 2 Люксембург 498 000 14 228   2,86 3 Франция 64 768 000 1,827,517   2,82 4 Бельгия 10 423 000 292 530   2,81 5 Исландия 309 000 7,667 2,48 6 Швейцария 7 623 000 182 814 2,40 7 Мальта 407 000 9,129 2,24 8 Австрия 8 214 000 167 132 2,03 9 Лихтенштейн 36 000 718 1,99 10 Испания 46 506 000 810 680 1,74 11 Словения 2 003 000 27 780 1,39 12 Швеция 9 074 000 125 248 1,38 13 Германия 81 644 000 1,082,972 1,33 14 Италия 60 749 000 796 634 1,31 15 Ирландия 4 623 000 58 504 1,27 16 Великобритания 62 348 000 781 025 1,25 17 Португалия 10 736 000 132 219 1,23 18 Нидерланды 16 574 000 191 608 1,16 19 Румыния 21 959 000 211 867 0,96 20 Норвегия 4 676 000 36 483 0,78 21 год Дания 5 516 000 41 377 0,75 22 Болгария 7 149 000 52 296 0,73 23 Греция 10 750 000 78 874 0,73 24 Латвия 2,218,000 14 967 0,67 25 Эстония 1 291 000 8 535 0,66 26 год Хорватия 4 487 000 28 950 0,65 27 Литва 3 545 000 21 721 0,61 28 год Финляндия 5 255 000 28 836 0,55 29 Венгрия 9 992 000 51 684 0,52 30 Польша 38 464 000 162 643 0,42 31 год Словакия 5 470 000 22 588 0,41 32 Республика Чехия 10 202 000 39 358 0,39 33 Македония 2 072 000 3847 0,19 34 Босния и Герц. 4 622 000 8 436 0,18 35 год Сербия 7 345 000 12 369 0,17 36 Черногория 667 000 1,101 0,17 37 Албания 2 987 000 3 300 0,11 38 Молдова 3 732 000 2 134 0,06 39 Россия 139 390 000 62 932 0,05 40 Беларусь 9 613 000 2 643 0,03 41 год Украина 45 416 000 13 002 0,03

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

Независимо от того, используется ли вики-формат или HTML, вики-текст строк в таблице, а иногда даже в коллекции таблиц может иметь много общего, например:

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

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

• легко изменить порядок столбцов или удалить столбец
• легко добавить новый столбец, если многие элементы нового столбца оставлены пустыми (если столбец вставлен, а существующие поля не имеют имени, используйте именованный параметр для нового поля, чтобы избежать добавления пустых значений параметров во многие вызовы шаблонов)
• вычисление полей из других полей, например, плотности населения из населения и площади
• дублирование содержимого и предоставление тегов span с display: none;целью иметь один формат для сортировки и другой для отображения
• простая установка формата для всего столбца, например цвета и выравнивания

Пример:

Использование m: Справка: таблица / пример шаблона строки ( обсуждение , обратные ссылки , редактирование )

{| class = "wikitable sortable"| -! scope = "col" | а ! scope = "col" | б ! scope = "col" | а / б{{ Справка: таблица / пример шаблона строки | 50 | 200 }}{{ Справка: таблица / пример шаблона строки | 8 | 11 }}{{ Справка: Таблица / пример шаблона строки | 1000 | 81 }}|}

Строка условной таблицы [ править ]

Для условной строки в таблице мы можем иметь:

{| class = "wikitable" {{#if: 1 | {{!}} -  ! scope = "row" {{!}} первая строка, первый столбец {{!}} первая строка, второй столбец}} {{#if: | {{!}} -  ! scope = "row" {{!}} строка вторая, столбец один {{!}} строка вторая, столбец два}} | -  ! scope = "row" {{!}} третья строка, первый столбец | строка три, столбец два|}

С комментариями, объясняющими, как это работает, где обратите внимание, как отсутствует вторая строка:

{| class = "wikitable" <! -  Показана первая строка, потому что '1' оценивается  как ИСТИНА. -> {{#if: 1 | {{!}} -  ! scope = "row" {{!}} первая строка, первый столбец <! -  Любые {{!}} Оцениваются до  символа вертикальной черты '|' поскольку шаблон '!' просто  содержит "|".  -> {{!}} первая строка, второй столбец}} <! -  Вторая строка НЕ ​​отображается, потому что пробел  между ':' и '|' оценивается как ЛОЖЬ. -> {{#if: | {{!}} -  ! scope = "row" {{!}} строка вторая, столбец один {{!}} строка вторая, столбец два}} <! -  Показана третья строка. -> | -  ! scope = "row" {{!}} третья строка, первый столбец | строка три, столбец два|}

Другой синтаксис таблицы [ править ]

MediaWiki поддерживает следующие типы синтаксиса таблиц:

1.  | Синтаксис викикода
2. HTML (и XHTML)
3. Смешанный XHTML и викикод ( не использовать )

Все три поддерживаются MediaWiki и создают (в настоящее время) действительный HTML-вывод, но синтаксис конвейерной передачи самый простой. Смешанный  | синтаксис HTML и wikicode (т.е. незакрытые  | и |-теги) не обязательно будет поддерживаться браузером в будущем, особенно на мобильных устройствах.

См. Также HTML-элемент # Таблицы . Однако следует отметить, что thead, tbody, tfoot, colgroupи colэлементы в настоящее время не поддерживается в MediaWiki , по состоянию на июль 2015 года ^{[Обновить]}.

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

< таблица >  < tr >  < td > 1 </ td >  < td > 2 </ td >  </ tr >  < tr >  < td > 3 </ td >  < td > 4 </ td >  </ tr > < / таблица >

{|| 1 || 2| -| 3 || 4|}

Синтаксис конвейера с точки зрения созданного HTML [ править ]

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

Каналы должны начинаться в начале новой строки, за исключением случаев, когда параметры отделяются от содержимого или когда используются ||для разделения ячеек в одной строке. Параметры необязательны.

Таблицы [ править ]

Таблица определяется , который генерирует .{| parameters |}<table params>...</table>

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

Для каждой таблицы создается <tr>тег HTML для первой строки. Чтобы начать новую строку, используйте:

| -

который порождает другой <tr>.

Параметры можно добавить так:

| - параметры

который генерирует .<tr params>

Примечание:

• <tr>теги автоматически открываются перед первым <td>эквивалентом
• <tr>теги автоматически закрываются в другом <tr>эквиваленте и в </table>эквивалентном

Ячейки [ править ]

Ячейки генерируются либо так:

| cell1
| cell2
| cell3

или вот так:

| ячейка1 || cell2 || cell3

которые оба генерируют:

<td>cell1</td><td>cell2</td><td>cell3</td>.

||Равен новая строка +  | .

Параметры в ячейках можно использовать так:

| параметры | ячейка1 || параметры | cell2 || параметры | cell3

что приводит к:

<td params>cell1</td><td params>cell2</td><td params>cell3</td>

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

Используемый код создает a <th>...</th>, функционирующий так же, как <td>...</td>, но с другим стилем и семантическим значением .  ! Символ используется вместо того , чтобы отверстие  | , и !!может быть использован как ||, чтобы ввести несколько заголовков на одной и той же линии. Однако в параметрах по-прежнему используется символ "|". Пример:

! параметры | ячейка1

Подписи [ править ]

Создается <caption>тег, который генерирует HTML .|+caption<caption>caption</caption>

Вы также можете использовать параметры: | + params | caption, который генерирует .<caption params>caption</caption>

Шаблоны ячеек таблицы [ править ]

{{ Шаблоны ячеек таблиц }} предоставляют набор шаблонов для настройки текста и цвета в ячейках стандартным способом, создавая стандартные выходные данные, такие как «Да», «Нет» и «Н / Д», на цветном фоне.

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

Иногда желательно (например, в таблице, состоящей преимущественно из чисел) повернуть текст так, чтобы он шел сверху вниз или снизу вверх, а не слева направо или справа налево. Раньше поддержка браузером этого типа стилей в качестве компонента HTML или CSS была спорадической (Internet Explorer был одним из немногих браузеров, которые поддерживали это в каскадных таблицах стилей, хотя и нестандартным образом).

Заключите текст каждого заголовка в шаблон {{ вертикальный заголовок }}. Например:

! {{вертикальный заголовок | Дата / страница}}

Если в тексте есть знак равенства, замените его на {{=}}.

Альтернативное решение, которое работает в большинстве, если не во всех браузерах, - использовать изображения вместо текста. Например, в следующей таблице используются изображения SVG вместо текста для создания повернутых заголовков столбцов:

Заголовки столбцов повернуты с использованием изображений

05/08	4266	7828	7282	1105	224	161	916	506	231
04/08	4127	6190	6487	1139	241	205	1165	478	301

Обычно одна проблема с этим подходом заключается в том, что читатели перенаправляются на разные страницы, когда они нажимают на изображения. Чтобы устранить эту проблему или направить читателей на другую страницу, вы можете использовать |link=параметр File:спецификации. Заголовок столбца можно закодировать следующим образом:

! [[Файл: wpvg vg project.svg | alt = VG: Project | link = '' 'Википедия: WikiProject Video games' '']]

Изображение вики-ссылки на страницу Wikipedia: WikiProject Video games .

Если установить ссылку на пустую строку (например [[File:wpvg hd date page.svg |link=]]), навигация не происходит, когда посетители нажимают на изображение. Обратите внимание, что также может быть хорошей идеей покрасить текст изображения в синий цвет, если вы используете изображения в качестве ссылок. Кроме того, в этом случае предпочтительным форматом изображения является SVG, поскольку его можно масштабировать до любого размера, создавая при этом меньше артефактов.

Более серьезная потенциальная проблема заключается в том, что «повернутый текст» не является текстом, который может использоваться программами чтения с экрана и другими технологиями для пользователей с ослабленным зрением. Таким образом, эти пользователи не смогут «читать» заголовки столбцов. Кроме того, веб-сканеры автоматизированных поисковых систем также не смогут его прочитать. Это решается путем постоянного использования |alt=параметра в File:спецификации каждого изображения для предоставления того же текста, что и на повернутом изображении; см. |alt=VG: Projectв примере выше.

Википедия как галерея изображений [ править ]

В этом разделе по-прежнему рекомендуются устаревшие фиксированные размеры изображений в пикселях, и их следует обновить, добавив относительные размеры в emединицах.

Вики-столик можно использовать для отображения расположенных рядом изображений аналогично галерее изображений (отформатированной <gallery>...</gallery>), но с изображениями большего размера и меньшим количеством свободного места вокруг фотографий.

Простую галерею в рамке можно отформатировать, используя class="wikitable"для создания минимальных тонких линий вокруг изображений в таблице:

{| class = "wikitable" | - | <! - col1 -> [[ Файл: Worms 01.jpg | 130px ]] | <! - col2 -> [[ Файл: Worms Wappen 2005-05-27.jpg | 125px ]] | <! - col3 -> [[ Файл: статуя-свободы-с-манхэттеном.jpg | 125px ]] | <! - col4 -> [[ Файл: Нью-Йорк-Янв2005.jpg | 125px ]] | - | <! - col1 -> Мост Нибелунгов к Вормсу | <! - col2 -> Черви и его города-побратимы | <! - col3 -> Статуя Свободы | <! - col4 -> Нью-Йорк |} <! - конец вики ->

Преимущество википедальных галерей изображений по сравнению с <gallery>форматированием заключается в возможности «квадратить» каждое изображение, когда требуются одинаковые высоты, поэтому рассмотрите возможность размещения двухзначных размеров изображений (например, 199x95px), где второе число ограничивает высоту:

{| class = "wikitable" | <! - col1 -> [[ Файл: Worms 01.jpg | 199x95px ]] | <! - col2 -> [[ Файл: Worms Wappen 2005-05-27.jpg | 199x95px ]] | <! - col3 -> [[ Файл: статуя-свободы-с-манхэттеном.jpg | 199x95px ]] | <! - col4 -> [[ Файл: Нью-Йорк-Янв2005.jpg | 100x95px ]] <! - меньше -> | - | <! - col1 -> Мост Нибелунгов к Вормсу | <! - col2 -> Черви и его города-побратимы | <! - col3 -> Статуя Свободы | <! - col4 -> Нью-Йорк |}

Обратите внимание, что три изображения имеют 199x95pxодинаковую высоту 95px(четвертое изображение намеренно меньше). "95px" задает высоту, но 199xсоответствует разной ширине (может даже быть 999x):

Следовательно, использование размера 199x95px(или 999x95pxили чего-то еще) приводит к автоматическому изменению размера по высоте за пределами <gallery>тега и с возможностью установки более высоких эскизов ( 199x105px) или даже для того, чтобы некоторые изображения были намеренно меньше, чем другие изображения 95pxвысоты. Очень небольшая высота (например 70px) позволяет размещать на столе гораздо больше изображений:

{| class = "wikitable" | - | <! - col1 -> [[ Файл: Worms 01.jpg | 199x70px ]] | <! - col2 -> [[ Файл: Золотая звезда на blue.gif | 199x70px ]] | <! - col3 -> [[ Файл: Worms Wappen 2005-05-27.jpg | 199x70px ]] | <! - col4 -> [[ Файл: Золотая звезда на глубоком красном.gif | 199x70px ]] | <! - col5 -> [[ Файл: статуя-свободы-с-манхэттеном.jpg | 199x70px ]] | <! - col6 -> [[ Файл: Золотая звезда на blue.gif | 199x70px ]] | <! - col7 -> [[ Файл: Нью-Йорк-Янв2005.jpg | 199x70px ]] <! - такая же высота -> | - |}

Вышеупомянутое wikitable-coding дает результат из 7 столбцов:

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

Сдвиг / центрирование [ править ]

Изображения в вики-таблице можно сдвигать, вставляя неразрывные пробелы (  ) до или после кода изображения (например,  [[Image:...]]) . Однако для автоцентрирования просто требуется использование |centerпараметра (см. WP: Расширенный синтаксис изображения # Местоположение ).

В приведенном ниже примере обратите внимание на то, как Col2 использует |center, но Col3 использует  :

{| class = "wikitable" | - | <! - Col1 -> [[Файл: Domtoren vanaf Brigittenstraat.jpg | 299x125px]] | <! - Col2 -> [[Файл: Utrecht 003.jpg | 299x125px | центр ]] | <! - Col3 -> & nbsp; [[Файл: Uitzicht - Domtoren.jpg | 299x125px]] & nbsp; | - | <! - Col1 -> Домская башня со стороны Бригиттенстраат | <! - Col2 -> Монастырский двор Утрехтской Домской церкви | <! - Col3 -> & nbsp; & nbsp; <small> Вид с колокольни </small> |}

Приведенная выше кодировка генерирует таблицу ниже: обратите внимание, что среднее изображение сада центрировано (но не левое изображение), а правое изображение имеет 2 пробела перед "View ...", чтобы дать приблизительное центрирование:

Также обратите внимание, что тег <small>...</small>сделал заголовок меньшего размера текста. Шрифты также могут иметь размер в процентах ( style="font-size: 87%;"), где точный процентный размер, отображаемый на экране, зависит от различных размеров, разрешенных для конкретного шрифта; браузер приблизится к ближайшему возможному размеру.

| style = "размер шрифта: 87%;" | Вид с колокольни

Атрибут столбца, приведенный выше, используется style=для установки размера шрифта заголовка после второго символа вертикальной черты.

A font-size: 65%;слишком мелкий, а font-size: 87%;шрифт среднего размера, немного больше, чем тот, который создается тегом <small>.

Отступы в таблицах [ править ]

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

Обратите внимание, что отступ, применяемый только к первой строке определения таблицы (строка, начинающаяся с " {|"), достаточен для отступа всей таблицы. Не пытайтесь использовать двоеточия для отступов где-либо в остальной части кода таблицы (даже в начале строки), так как это помешает программному обеспечению MediaWiki правильно прочитать код таблицы.

: { |  class = "wikitable" | - !  Заголовок  1 !  Заголовок  2 | - |  строка  1,  ячейка  1 |  строка  1,  ячейка  2 | - |  строка  2,  ячейка  1 |  строка  2,  ячейка  2 | }

Та же таблица без отступов будет такой:

{ |  class = "wikitable" | - !  Заголовок  1 !  Заголовок  2 | - |  строка  1,  ячейка  1 |  строка  1,  ячейка  2 | - |  строка  2,  ячейка  1 |  строка  2,  ячейка  2 | }

Добавление флагов и связывание названий стран в списках стран [ править ]

Это быстро. Работает с викитекстом компактных или длинных таблиц. Одинарные или двойные полосы между ячейками.

Примечание. Пользователь: PrimeHunter ( Обсуждение ) предоставил код. Обратитесь к нему за помощью.

Примечание. В настройках редактирования установите флажок «включить панель инструментов редактирования. Иногда ее называют редактором вики-текста 2010».

Убедитесь, что страны, штаты, провинции или города и т. Д. Находятся в первом столбце. Регулярное выражение оборачивает весь текст в первой ячейке каждой строки с шаблоном. Так что сделайте это, прежде чем добавлять какие-либо стили в первый столбец.{{flaglist}}{{flaglist|Country name}}

Щелкните ссылку для редактирования источника вики-текста. Щелкните «Дополнительно» на панели инструментов редактирования. Затем нажмите на значок поиска и замены справа. Установите флажок «Считать строку поиска регулярным выражением». Заполните поле «Искать»: Заполните поле «заменить на»: Затем нажмите «Заменить все». Почти все страны будут связаны и будут иметь флаги.
(\|-.*\n\|\s*)([^\|\n]*)

$1{{flaglist|$2}}

Для красных ссылок при необходимости создайте переадресацию на правильные шаблоны данных страны . Постоянно сохраните эту исходную таблицу в изолированной программной среде пользователя, не перезаписывая ее. Это сделано для того, чтобы перенаправления сохранялись из-за того, что они используются на этой странице песочницы. В противном случае администраторы удалят неиспользуемые перенаправления, и вам придется выполнять эту утомительную, трудоемкую задачу перенаправления каждый раз, когда вы полностью обновляете таблицу. В сводке редактирования таких перенаправлений добавьте что-то вроде этого: «Пожалуйста, не удаляйте это перенаправление. Иногда оно используется в обновлениях [[NAME OF ARTICLE WITH TABLE]].»

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

Если большинство столбцов состоит из ячеек данных, вы можете выбрать выравнивание данных по правому краю. Это просто. Просто добавьте style=text-align:rightв верхнюю строку викитекста таблицы:

{| class=wikitable style=text-align:right

или же

{| class="wikitable sortable mw-datatable" style=text-align:right

и так далее.

Выравнивание текста в первом столбце по левому краю [ править ]

Это можно сделать в редакторе исходного текста вики-текста. В настройках редактирования установите флажок: «включить панель инструментов редактирования. Иногда ее называют редактором вики-текста 2010 года».

В разделе таблицы нажмите «редактировать источник» (редактирование вики-текста). Щелкните «Дополнительно» на панели инструментов редактирования. Затем нажмите на значок поиска и замены справа. Во всплывающей форме установите флажок «Считать строку поиска регулярным выражением».

Заполните поле «Искать» с помощью (\|-\n\|). В поле "заменить на" введите

$1style=text-align:left|

Затем нажмите «Заменить все». Весь текст в первом столбце будет выровнен по левому краю их ячеек.

Если по какой-то причине эти ячейки являются ячейками заголовка, заполните поле «Искать» значком (\|-\n\!). Обратите внимание на восклицательный знак в ячейке заголовка. В поле "заменить на" введите

$1style=text-align:left|.

Затем нажмите «Заменить все».

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

См. Также раздел «Визуальный редактор» ниже и информацию о таблице.

Для преобразования из электронных таблиц (например, созданных в Gnumeric , Microsoft Excel или LibreOffice / OpenOffice.org / StarOffice Calc) вы можете использовать конвертер Copy & Paste Excel-to-Wiki или генератор таблиц MediaWiki .

Вы можете сохранять таблицы в формате .csv и использовать конвертер CSV в Wikitable . Другая версия здесь .

CSV Преобразователь преобразует запятую формат (CSV) в таблицу или вики - текста HTML. См. ( Документацию ). Вы можете использовать это для импорта таблиц как из электронных таблиц, так и из баз данных (таких как MySQL , PostgreSQL , SQLite , FileMaker , Microsoft SQL Server & Access , Oracle , DB2 и т. Д.).

Таблицы и визуальный редактор (VE) [ править ]

См. Также: mw: Help: VisualEditor / User guide # Редактирование таблиц . И см .: Commons: преобразование таблиц и диаграмм в вики-код или файлы изображений .

См . Phab: T108245 : «Полная поддержка базового редактирования таблиц в визуальном редакторе». Смотрите список задач. Готовые задачи поражены . На техническом языке бывает сложно понять, что именно было улучшено или какие функции были добавлены. Пожалуйста, добавьте пояснительную информацию ниже.

Песочницы очень помогают. Например; ваша пользовательская страница: Special: MyPage . Создайте и добавьте в закладки несколько личных песочниц. Визуальный редактор загружается очень быстро в пустых песочницах: Special: MyPage / Sandbox , Special: MyPage / Sandbox2 , Special: MyPage / Sandbox3 . Столько, сколько захотите. Поделитесь ссылкой, когда просите помощи. Чтобы найти все ваши песочницы: Special: PrefixIndex / User: - щелкните ссылку, добавьте имя пользователя в место с меткой «Отображать страницы с префиксом:».

Вставить пустую строку или столбец [ изменить ]

Щелкните заголовок столбца или строки. Затем нажмите на стрелку. Во всплывающем меню нажмите «Вставить».

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

Щелкните заголовок столбца или строки. Затем нажмите на стрелку. Во всплывающем меню нажмите «Переместить» или «Удалить».

Копировать столбец из одной таблицы в другую [ править ]

Это полезно для многих вещей. Например; для быстрого обновления списков стран или добавления / обновления столбца рейтинга. См. Справку: Сортировка по ранжируемым столбцам и номерам строк. См. Также: Commons: преобразование таблиц и диаграмм в вики-код или файлы изображений . См. Раздел об обновлении Списка стран по количеству заключенных .

Запустите визуальный редактор. В копируемом столбце щелкните ячейку заголовка или любую желаемую верхнюю ячейку. Затем, удерживая нажатой клавишу «Shift», щелкните ячейку ниже или в конце столбца. Это выберет столбец до этой ячейки. Затем нажмите «Копировать» в меню редактирования вашего браузера. В некоторых браузерах это можно сделать из всплывающего контекстного меню. Затем щелкните любое пустое место на странице, чтобы отменить выбор столбца.

Перейдите к столбцу, который вы хотите заменить или заполнить (в этой или другой таблице). Убедитесь, что визуальный редактор запущен. Если вы копируете весь столбец, включая ячейку заголовка, выберите только ячейку заголовка для этого столбца, щелкнув по ней. Затем нажмите «вставить» в меню редактирования вашего браузера. Таким же образом можно вставить в пустой столбец. Просто выберите ячейку заголовка. Затем в браузере: меню редактирования> вставить.

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

Примечание . Визуальный редактор копирует шаблоны (как в столбце названий стран / штатов / провинций с шаблонами флагов), но не копирует встроенные стили, такие как стили, используемые для выравнивания этих имен по левому краю. Все это можно добавить сразу в любом текстовом редакторе. Например; если шаблон флага является единственным шаблоном в таблице, замените его {{наstyle=text-align:left|{{

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

Щелкните ячейку в верхнем углу области, которую вы хотите выделить. Затем, удерживая нажатой клавишу Shift, щелкните ячейку в противоположном верхнем углу той же строки. Затем спуститесь вниз и, удерживая нажатой клавишу «Shift», щелкните ячейку нижнего угла на той же стороне области, которую вы хотите выделить. Теперь у вас будет выбран прямоугольник или квадрат из таблицы.

При необходимости нажмите «копировать» или «вырезать» в меню редактирования вашего браузера. «Удалить» не работает для нескольких строк и столбцов.

Щелкните ячейку в верхнем левом углу той области, которую вы хотите вставить в таблицу. Затем нажмите «вставить» в меню редактирования вашего браузера. Для очень больших площадей это может занять от нескольких секунд до минуты. Вы можете сначала проделать эту работу в песочнице. Затем сохраните и отредактируйте дальше, прежде чем помещать что-либо в статью.

«Вырезать» очистит выбранные ячейки. Он их не удаляет. После того, как он пустой, очень легко удалить все пустые ячейки, строки и столбцы в редакторе исходного кода. Переключитесь на него, щелкнув стрелку в правом верхнем углу окна редактирования.

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

Скопировать таблицу с веб-страницы в визуальный редактор [ править ]

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

Выберите таблицу на веб-странице. Затем нажмите «Копировать» в меню редактирования вашего браузера. В некоторых браузерах это можно сделать из всплывающего контекстного меню. Запустите визуальный редактор на любой странице. Затем вставьте таблицу на страницу.

Если это не сработает, щелкните меню вставки, а затем «Таблица». Обычно он имеет первый заголовок в выбранной таблице. Затем нажмите «вставить» в меню редактирования вашего браузера. Таблица появится через некоторое время. Это может занять от 3 секунд до минуты для очень больших таблиц.

Скопируйте таблицу из Интернета в Excel2Wiki в редактор викитекстов в VE [ править ]

Для копирования таблиц веб-страниц, которые нельзя скопировать непосредственно в визуальный редактор (как описано в предыдущем разделе): попробуйте скопировать таблицу в Excel2Wiki . Нажмите «конвертировать». Скопируйте и вставьте вики-текст таблицы в редактор вики-текста. Сохранить. Дальнейшее редактирование в VE.

Скопируйте список (не в таблицу) в Excel2Wiki в редактор викитекстов в VE [ править ]

Вставьте любой список (текст и / или числа) в Excel2Wiki . Нажмите «конвертировать». Скопируйте и вставьте вики-текст таблицы в редактор вики-текста. Сохранить. Дальнейшее редактирование в VE. Например; добавьте дополнительные столбцы или скопируйте столбец и вставьте его в другие таблицы. Перед вставкой списка в Excel2Wiki вы можете удалить блок текста. Некоторые текстовые редакторы могут делать это, если для текста установлен шрифт фиксированной ширины, например Courier New . Например; бесплатное ПО NoteTab Light : меню «Изменить»> «Блок»> «Вырезать». Заполните всплывающую форму, указав начальный столбец, ширину блока, строки блока. Нажмите ОК, и этот прямоугольник текста будет удален. Это экономит много времени.

Сортировка по алфавиту или числам с помощью бесплатной электронной таблицы и VE [ править ]

Примечание. Для получения дополнительной информации см. Справка: Сортировка . См. Раздел о расположении таблицы в начальном алфавитном порядке.

В программах для работы с электронными таблицами можно сделать многое, чего нельзя сделать в визуальном редакторе. Выделите и скопируйте таблицу прямо со страницы (не заходите в вики-текст или HTML-код). Вставьте таблицу в программу для работы с электронными таблицами, например в бесплатную программу LibreOffice Calc (см. Бесплатное руководство [1] ) или в другую программу для работы с электронными таблицами. См. Список программного обеспечения для работы с электронными таблицами .

В Calc щелкните любую ячейку в столбце, который вы хотите отсортировать, а затем щелкните один из параметров сортировки в меню данных в верхней части окна Calc. Щелкните «по возрастанию» или «по убыванию» для сортировки в алфавитном или числовом порядке в зависимости от содержимого столбца. Нажмите «Сортировка», чтобы увидеть дополнительные параметры.

Чтобы переместить строку (строки) заголовка обратно вверх: Выберите всю строку (строки). Чтобы выбрать всю строку (строки), щелкните пронумерованные столбцы Calc, расположенные в крайнем левом углу любого листа. Нажмите и удерживайте клавишу ALT. Щелкните левой кнопкой мыши и удерживайте любую ячейку в этом разделе (номера строк не работают). Используя мышь, перетащите исходную строку (строки) в место назначения. Отпустите кнопку мыши.

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

Скопировать таблицу из PDF в визуальный редактор [ править ]

Загрузите PDF-файл на бесплатный онлайн-сайт PDF-to-Excel. Например; здесь . Загрузите файл Excel. Откройте его в бесплатной LibreOffice Calc или другой программе для работы с электронными таблицами. Если вам нужна только одна таблица с длинной страницы Excel, вы можете выбрать эту таблицу на странице Calc. Затем скопируйте таблицу на новую страницу в Calc.

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

Скопируйте таблицу в песочницу вики. В Calc выберите таблицу. Скопируйте прямо из нее, а затем вставьте в новую таблицу визуального редактора, в которой была выбрана первая ячейка заголовка. Это может занять до минуты.

Добавьте запятые или точки для разделения каждой третьей цифры в числах [ править ]

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

Чтобы заменить пробелы запятыми или точками, вставьте список, строку или столбец в текстовый редактор ( например, Блокнот ). Используйте замену (из меню редактирования в Блокноте). См. Предыдущие разделы, чтобы узнать, как скопировать исправленный список в таблицу.

Если вы уже находитесь в электронной таблице, используйте функцию «Найти и заменить» после выбора нужного столбца или строки.

Если между каждой третьей цифрой нет разделителя, вставьте список, строку или столбец в электронную таблицу (например, LibreOffice Calc). Для этого щелкните заголовок первого столбца в пустой таблице. Это выберет этот столбец. Затем нажмите «Вставить» в меню редактирования Calc. Во всплывающем окне нажмите «Фиксированная ширина». Снимите все флажки. Щелкните ОК. Это вставит его в первый столбец. В Calc сохраните его в формате .ods по умолчанию. Это позволит сделать следующий шаг.

Затем выберите столбец, щелкнув его заголовок. Щелкните «числовой формат» в меню формата. Затем в подменю нажмите «разделитель тысяч». Это добавит запятые или точки в зависимости от языка по умолчанию, который вы выбрали в Calc для настройки локали. (меню инструментов> параметры> языковые настройки> языки> форматы> настройки локали). Например; с английским вы можете выбрать США, Великобританию, Южную Африку или одну из многих других англоязычных стран, перечисленных для английского языка. Скопируйте этот столбец в таблицу Википедии через VE.

Рассмотрите также функцию синтаксического анализатора {{Formatnum}}, шаблон {{ Number format }} и ознакомьтесь с Википедией: Руководство по стилям / датам и числам .

Округлить числа (обычно до нуля десятичных знаков) [ править ]

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

Это легко сделать в электронной таблице. Например; в LibreOffice Calc выберите столбец, щелкнув в самом верху его столбца. Затем перейдите в меню «Формат»> «Ячейки». Появится всплывающее окно. Щелкните категорию «Число». Выберите количество десятичных знаков (ноль, если десятичные знаки не нужны). Вы также можете выбрать из списка примеров.

На этой всплывающей странице вы также выбираете разделитель тысяч или нет. Выбор из списка примеров также установит или снимет отметку с этого поля. Когда закончите, скопируйте эту таблицу или столбец в таблицу Википедии через VE.

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

• Справка: Введение в таблицы с разметкой Wiki : введение в таблицы.
• Справка: Базовая разметка таблиц : основы разметки таблиц вики.
• Справка: Сортировка : информация о сортируемых таблицах.
• Википедия: Расширенное форматирование таблиц : дополнительные темы.
• Википедия: Руководство по стилю / Таблицы : Руководство по стилю указывает лучшие практики для таблиц.
  • Википедия: Таблицы, что можно и чего нельзя : краткое руководство к Руководству по стилю для таблиц.
• Пользователь: Dcljr / Таблицы : учебные таблицы.
• Таблица (HTML) : теги, используемые для таблиц HTML.
• Категория: Таблицы Википедии

Шаблоны [ править ]

• Категория: Шаблоны таблиц : все шаблоны, в которых используются таблицы.
• Категория: Многоколоночные шаблоны : шаблоны для использования колонок без таблиц.
• Категория: Шаблоны диаграмм, диаграмм и графиков
• Категория: Форматирование диаграмм, диаграмм и графиков и шаблоны функций
• Категория: Редакторы шаблонов Википедии
• {{ List to table }}: шаблон и его категория обслуживания: Категория: Статьи, требующие таблиц
• {{ Horizontal TOC }}: подходит для списков стран в табличном формате.
• {{ Table }}: шаблон для определения классов CSS таблиц, таких как "wikitable" и "collapsible".
• {{ Aligned table }}: для определения таблиц в качестве шаблона, позволяющего включать в другие шаблоны и области, где синтаксис таблиц является проблематичным.
  • Примеры:
  • {{ Chess diagram }}: шаблон шахматной доски.
  • {{ Goban }}: перейти к шаблону доски.

Заметки [ править ]

Внешние ссылки [ править ]

• VBA-Macro для преобразования таблиц EXCEL , опубликованный в немецком проекте Wikipedia ( английский перевод включен)
• HTML-таблицы в вики-конвертер в WMF Labs
• Копирование и вставка конвертера Excel в Wiki в WMF Labs
• Генератор таблиц - Mediawiki , генератор таблиц WYSIWYG
• Wikitable Editor , визуальный редактор таблиц в вики-коде
• HTML-WikiConverter , различные версии и языки
• pywikipediabot , может конвертировать HTML-таблицы в wiki
• Таблица названий цветов CSS и HEX-кодов
• Запрос фабрикатора для заголовков плавающих таблиц

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

• Редактирование Викитекста / таблиц в Викиучебниках
• Редактирование Wikitext / таблиц, готовых к использованию в Wikibooks
• mw: Help: Tables : справочная страница MediaWiki по таблицам.
• m: Таблицы разметки Wiki : Мета-Wiki информация о таблицах.
• m: Справка: Сортировка : Мета-вики-информация о сортируемых таблицах.
• m: Цвета фона таблицы : Таблица цветов фона MediaWiki.
• Commons: ресурсы диаграмм и графиков: ресурсы диаграмм и графиков в Commons
• Commons: Преобразование таблиц и диаграмм в вики-код или файлы изображений : включает информацию о преобразовании разметки таблиц.