Help:Table/ru

From Meta, a Wikimedia project coordination wiki
Jump to navigation Jump to search
Руководство по MediaWiki: Содержание, Читатели, Редакторы, Администраторы, Системные администраторы +/-


Синтаксис[edit]

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

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

Правила вики-разметки для таблиц
  • таблица начинается со строки «{| параметры_таблицы» и заканчивается строкой «|}»;
  • факультативный заголовок таблицы включается с помощью строки «|+ текст заголовка таблицы» после начала («{| ...»);
  • код для строки таблицы состоит из строки «|- параметры_для_всей_строки» и строк кодов для ячеек этой строки таблицы (каждая начинается с «|»), разделённых символом новой строки или «|»;
  • содержимое таблицы — текст, расположенный внутри ячеек; текст ячейки вводится с новой строки как «| текст» или «| параметры_ячейки | текст», либо после текста предыдущей ячейки как «…текст предыдущей ячейки|| текст» или «…текст предыдущей ячейки|| параметры_ячейки | текст»;
  • строка заголовок столбцов выделяется при использовании «!» вместо «|», если «|» не разделяет параметры и текст ячейки (можно также оставлять «|», если коды ячеек разделяются не символом новой строки, а «||», например, «! Заголовок1 || Заголовок2 || Заголовок3»); разница между такой строкой и строкой обыкновенной зависит от браузера; обычно заголовки столбцов выделяются жирным шрифтом;
  • первая ячейка строки определяется как заголовок строки при использовании «!» в начале строки вместо «|», начиная текст последующих ячеек с новой строки.

Параметры таблицы и параметры ячейки в сущности не различаются, так же как и в HTML (см. [1] и HTML element#Tables). Тем не менее, элементы thead, tbody, tfoot, colgroup и col пока ещё не поддерживаются МедиаВики.

Таблица может быть полезна, даже если ни одна из ячеек не содержит данных, например, потому, что использование фоновых цветов ячеек может представлять собой диаграмму (см. m:Template talk:Square 8x8 pentomino example). Изображение в виде таблицы может быть более удобно для редактирования, чем загруженная картинка.

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

Примеры[edit]

Простой пример[edit]

{| 
 | Ячейка А в строке 1 
 | Ячейка Б в строке 1 
 |- 
 | Ячейка А в строке 2 
 | Ячейка Б в строке 2 
 |}

и

{| 
 | Ячейка А в строке 1 || Ячейка Б в строке 1 
 |- 
 | Ячейка А в строке 2 || Ячейка Б в строке 2 
 |}

дадут

Ячейка А в строке 1 Ячейка Б в строке 1
Ячейка А в строке 2 Ячейка Б в строке 2

Таблица умножения[edit]

Исходник[edit]

{| class="wikitable" border="1" cellpadding="2"
 |+Таблица умножения
 |-
 ! × !! 1 !! 2 !! 3 !! 4 !! 5 !! 6 !! 7 !! 8 !! 9
 |-
 ! 1
 | 1 || 2 || 3 || 4 || 5 || 6 || 7 || 8 || 9
 |-
 ! 2
 | 2 || 4 || 6 || 8 || 10 || 12 || 14 || 16 || 18
 |-
 ! 3
 | 3 || 6 || 9 || 12 | 15 || 18 ||21 || 24 || 27
 |-
 ! 4
 | 4 || 8 || 12 || 16 || 20 || 24 || 28 ||32 || 36
 |-
 ! 5
 | 5 || 10 || 15 ||20 || 25 || 30 || 35 || 40 || 45
 |-
 ! 6
 | 6 || 12 || 18 ||24 || 30 || 36 || 42 || 48 || 54
 |}

Как будет выглядеть[edit]

Таблица умножения
× 1 2 3 4 5 6 7 8 9
1 1 2 3 4 5 6 7 8 9
2 2 4 6 8 10 12 14 16 18
3 3 6 9 12 15 18 21 24 27
4 4 8 12 16 20 24 28 32 36
5 5 10 15 20 25 30 35 40 45
6 6 12 18 24 30 36 42 48 54

Цвет, область действия параметров[edit]

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

{| 
 | bgcolor="red" | <font color="white"> раз
 | два
 | style="background:red; color:white" | три
 | четыре
 |}

даст

раз два три четыре

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

Как и остальные параметры, цвета тоже могут быть определены как для строки, так и для таблицы целиком, причём параметры для строки переопределяют соответствующие значения для таблицы; аналогично для ячеек по отношению к строке:

{| style="background:yellow; color:green"
 |- 
 | раз
 | два
 | три
 |- style="background:red; color:white"
 | четыре
 | пять
 | шесть
 |-
 | семь
 | style="background:silver" | восемь
 | девять
 |}

даст

раз два три
четыре пять шесть
семь восемь девять

HTML спецификации 4.01 определяет шестнадцать именованных цветов, которые показаны здесь вместе с их шестнадцатеричными эквивалентами:

black #000000 silver #c0c0c0 maroon #800000 red #ff0000
navy #000080 blue #0000ff purple #800080 fuchsia #ff00ff
green #008000 lime #00ff00 olive #808000 yellow #ffff00
teal #008080 aqua #00ffff gray #808080 white #ffffff

См. w:en:web colors.

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

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

{| style="width:75%; height:200px" border="1"
 |-
 | раз
 | два
 | три
 |- style="height:100px" 
 | четыре
 | style="width:200px" | пять
 | шесть
 |-
 | семь
 | восемь
 | девять
 |}

даст

раз два три
четыре пять шесть
семь восемь девять

Размещение[edit]

Можно управлять размещением самой таблицы, всего содержимого в строке и содержимым ячейки, но нельзя задать единый параметр для всего содержимого таблицы. (см. m:Template talk:Table demo). Ни при каких обстоятельствах не используйте «float» при выравнивании таблицы, это нарушит отображение таблицы при больши́х размерах шрифтов.

Общий пример[edit]

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

Исходник[edit]

{| border="1" cellpadding="5" cellspacing="0" align="center"
 |+'''Заголовок таблицы'''
 |-
 ! style="background:#efefef;" | Первый заголовок
 ! colspan="2" style="background:#ffdead;" | Второй заголовок
 |-
 | верхняя левая
 |  
 | rowspan="2" style="border-bottom:3px solid grey;" valign="top" | правая сторона
 |-
 | style="border-bottom:3px solid grey;" | нижняя левая
 | style="border-bottom:3px solid grey;" | нижняя средняя
 |-
 | colspan="3" align="center" |
 {| border="0"
  |+''Таблица в таблице''
  |-
  | align="center" width="150" | [[Image:wiki.png]]
  | align="center" width="150" | [[Image:wiki.png]]
  |-
  | align="center" colspan="2" style="border-top:1px solid red; border-right:1px solid red; border-bottom:2px solid red; border-left:1px solid red;" | Два логотипа Мета-вики
  |}
 |}

Результат[edit]

Заголовок таблицы
Первый заголовок столбца Второй заголовок столбца
верхняя левая   правая сторона
нижняя левая нижняя средняя
Таблица в таблице
Wiki.png Wiki.png
Два логотипа Мета-вики

Усложнённый пример[edit]

{| align="right" border="1"
 | Столбец 1, строка 1 
 | rowspan="2" | Столбец 2, строка 1 (и 2) 
 | Столбец 3, строка 1 
 |- 
 | Столбец 1, строка 2 
 | Столбец 3, строка 2 
 |}
Столбец 1, строка 1 Столбец 2, строка 1 (и 2) Столбец 3, строка 1
Столбец 1, строка 2 Столбец 3, строка 2

Обратите внимание на выравнивание таблицы по правому краю.


Вложенные таблицы[edit]

{| border="1"
 | &alpha;
 | align="center"| ячейка 2
 {| border="2" style="background-color:#ABCDEF;"
  | Вложенная
  |-
  | таблица
  |}
 | valign="bottom"| и снова основная таблица
 |}

даст таблицу, вложенную в другую таблицу:

α ячейка 2
Вложенная
таблица
и снова основная таблица

Вложеные таблицы начинаются с новой строки.

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

{| border="1" cellpadding="5" cellspacing="0"
 |-
 ! Столбец 1 || Столбец 2 || Столбец 3
 |-
 | rowspan="2"| А
 | colspan="2" align="center"| Б
 |-
 | В
 | Г
 |-
 | Д
 | colspan="2" align="center"| Е
 |- 
 | rowspan="3"| Ж
 | З
 | И
 |- 
 | Й
 | К
 |-
 | colspan="2" align="center"| Л
 |}


Столбец 1 Столбец 2 Столбец 3
А Б
В Г
Д Е
Ж З И
Й К
Л


Другие виды синтаксиса[edit]

Вот другие типы синтаксиса таблиц, поддерживаемые МедиаВики:

  1. XHTML,
  2. HTML и вики-<td> синтаксис.

Все три поддерживаются МедиаВики и создают правильный HTML-эквивалент, тем не менее основы синтаксиса очень просты, кроме, быть может, случая, когда человек не знаком с HTML. Также HTML и вики-<td> синтаксис не обязательно останется поддерживаемым браузерами в будущем, особенно на переносных, имеющих выход в Интернет устройствах.

См. также HTML element#Tables. Заметьте, однако, что элементы thead, tbody, tfoot, colgroup и col до сих пор не поддерживаются МедиаВики.


Сравнение[edit]

Сравнение синтаксиса для таблиц
 XHTML HTML & Wiki-td Wiki-pipe
Таблица <table></table> <table></table>
{| параметры 
 |}
Заголовок таблицы <caption></caption> <caption></caption>
|+ заголовок таблицы
Строка <tr></tr> <tr>
|- параметры 
Ячейка с данными

<td>ячейка1</td>
<td>ячейка2</td>

<td>ячейка1
<td>ячейка2

| ячейка1
| ячейка2
Ячейка с данными <td>ячейка1</td> <td>ячейка2</td> <td>ячейка3</td> <td>ячейка1 <td>ячейка2 <td>ячейка3
|ячейка1||ячейка2||ячейка3
Ячейка-заголовок <th></th> <th>
! заголовок 
Пример
1 2
3 4
<table>
   <tr>
      <td>1</td>
      <td>2</td>
   </tr> 
   <tr>
      <td>3</td> 
      <td>4</td> 
   </tr>
</table>
<table>
   <tr>
      <td> 1 <td> 2
   <tr>
      <td> 3 <td> 4
</table>
{| 
 | 1 || 2
 |- 
 | 3 || 4
 |}
Пример
1 2
3 4
5 6
<table>
   <tr>
      <td>1</td>
      <td>2</td>
   </tr> 
   <tr>
      <td>3</td>
      <td>4</td>
   </tr>
   <tr>
      <td>5</td>
      <td>6</td>
   </tr>
</table>
<table>
   <tr>
      <td> 1 <td> 2
   <tr>
      <td> 3 <td> 4
   <tr>
      <td> 5 <td> 6
</table>
{| 
 | 1 || 2 
 |- 
 | 3 || 4 
 |- 
 | 5 || 6 
 |}
Плюсы

Возможность предварительного просмотра и отладки в любом XHTML-редакторе


Может быть отформатирован для наибольшей удобочитаемости


Широко известен

Возможность предварительного просмотра и отладки в любом HTML-редакторе


Может быть отформатирован для наибольшей удобочитаемости


Широко известен


Занимает меньше места, чем XHTML-код

Легко писать


Легко читать


Занимает мало места

Минусы

Утомителен


Занимает много места


Сложно быстро читать

Непривычен, особенно для людей, мало знакомых с HTML


Плохо формируется


Плохо разграничивается


Зачастую странно выглядит


Возможно, не будет поддерживаться браузерами

Непривычный синтаксис


Строгая структура


Нельзя делать отступы


Текст в виде HTML-тэгов может быть проще для чтения для некоторых людей, чем наборы вертикальных чёрточек, плюсов, восклицательных знаков и так далее

 XHTML HTML & Wiki-td Wiki-pipe

Pipe-синтаксис в терминах HTML[edit]

Pipe-синтаксис (синтаксис вертикальных чёрточек), разработанный Magnus Manske, заменяет символы «|» на соответствующий HTML-код. Можете взглянуть на on-line-скрипт, который конвертирует код для HTML-таблиц в соответствующий код, написанный по правилам pipe-синтаксиса.

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

Таблицы[edit]

Таблица определяется как {| ''параметры'' |} или, что тоже самое, <table ''параметры''>Вставьте здесь неотформатированный текст </table>

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

Ряды[edit]

Тэги <tr> автоматически генерируются для первой строки. Чтобы начать новую строку, используйте

|-

что будет переведено в

<tr>

Параметры добавляются следующим образом:

|- параметры

что будет переведено в

<tr параметры>

Замечание:

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

Ячейки[edit]

Ячейки можно создать либо так:

|ячейка1
|ячейка2
|ячейка3

либо так:

|ячейка1||ячейка2||ячейка3

или, что тоже самое,

<td>ячейка1</td><td>ячейка2</td><td>ячейка3</td>

так, «||» = «новая строка» + «|».

Параметры для ячеек задаются следующим образом:

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

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

<td параметры>ячейка1
<td параметры>ячейка2
<td параметры>ячейка3

Заголовки[edit]

Заголовки работают также, как и тэг TD, кроме того, что «!» используется вместо открывающейся «|», в то время как для отделения параметров остается «|». «!!» можно использовать вместо «||». Пример:

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

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

Тэг <caption> создается строкой

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

что даст

<caption>Заголовок таблицы</caption>

Можно также применять параметры:

|+ параметры|Заголовок таблицы

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

<caption параметры>Заголовок таблицы</caption>

Текст рядом с таблицей[edit]

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

Вставьте align="right", и текст будет расположен слева от таблицы.

Таблица умножения 5*3
× 1 2 3
1 1 2 3
2 2 4 6
3 3 6 9
4 4 8 12
5 5 10 15

here begins the text immediately after 5*3 multiplication table. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante. At ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus. Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus.

Тем не менее, не помещайте предварительно отформатированный текст (<pre></pre>) рядом с таблицей: он может быть наложен поверх неё, так как не переносится по словам. Чтобы этого не случалось, используйте <br style="clear:both;">:

Таблица умножения 4*3
× 1 2 3
1 1 2 3
2 2 4 6
3 3 6 9
4 4 8 12

here begins the text immediately after 4*3 multiplication table. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante. now comes the cleared BR:
here it was so preformatted text will start only after the table ended

Используйте align="left", чтобы расположить таблицу слева; текст будет обтекать её справа (однако, возможно, слишком близко к таблице):

Таблица умножения 2*3
× 1 2 3
1 1 2 3
2 2 4 6

here begins the text immediately after 2*3 multiplication table. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante. At ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus. Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus.

Чтобы такого не происходило, можно использовать в заголовке таблицы атрибут style="margin-right: 1em;" .

Пространство около таблицы, изображения или текста[edit]

Чтобы создать такое пространство, добавьте элемент (таблицу, изображение или текст) в таблицу 1×1 (один столбец, одна строка) и используйте для последней атрибут cellpadding:

Либо атрибут style="float:left; margin-right:2em" описывающий положение таблицы, сторону для отступа и ширину

Таблица умножения
× 1 2 3
1 1 2 3
2 2 4 6
Gelderland-Position.png

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante.

текст в ячейке

At ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus. Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus. Morbi dictum. Vestibulum adipiscing pulvinar quam. In aliquam rhoncus sem. In mi erat, sodales eget, pretium interdum, malesuada ac, augue. Aliquam sollicitudin, massa ut vestibulum posuere, massa arcu elementum purus, eget vehicula lorem metus vel libero. Sed in dui id lectus commodo elementum. Etiam rhoncus tortor. Proin a lorem. Ut nec velit. Quisque varius. Proin nonummy justo dictum sapien tincidunt iaculis. Duis lobortis pellentesque risus. Aenean ut tortor imperdiet dolor scelerisque bibendum. Fusce metus nibh, adipiscing id, ullamcorper at, consequat a, nulla.

Настройка ширины столбцов[edit]

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

{| border="1" cellpadding="2"
 ! width="50"  | Название
 ! width="225" | Преимущество
 ! width="225" | Играют
 |-
 | Теннис
 | Интересная игра
 | Везде
 |-
 | Большой теннис
 | Еще интереснее
 | Повсюду
 |}
Название Преимущество Играют
Теннис Интересная игра Везде
Большой теннис Еще интереснее Повсюду

Настройка параметров[edit]

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

Код[edit]

{|
 |-
 | bgcolor="red" | ячейка1 || width="300" bgcolor="blue" | ячейка2 || bgcolor="green" | ячейка3
 |}

Результат[edit]

ячейка1 ячейка2 ячейка3

Сворачивающиеся и сортируемые таблицы[edit]

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

{| class="wikitable collapsible collapsed"
|-
! Заголовок таблицы
|-
| Содержание таблицы (остающееся по умолчанию скрытым)
|-
| Продолжение скрытого содержания
|}

Получаем:

Если не указать collapsed, то таблица будет сворачивающейся, но по умолчанию - развёрнутой.

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

  • Не следует делить таблицу на секции с помощью заголовков секций (или чего-то схожего), занимающего несколько ячеек (объединённых).
  • Если в ячейке находятся числа, то для успешной сортировки таких ячеек необходимо, чтобы перед числами не было никаких буквенных пояснений - "Номер", "Около", "для N>5" - содержимое ячейки должно начинаться с сортируемых цифр. Кроме того, для корректной сортировки столбцов чисел, содержащих нецифровые символы, нужно дать движку указание на необходимость применения числовой сортировки, проставив в мета-заголовке столбца data-sort-type="number".
{| class="wikitable collapsible sortable"
|-
! Числа !! Буквы !! Числа и буквы после них
|-
| 1 || в || 90 млн  
|-
| 3 || а || 5 десятков  
|-
| 2 || б || 10 тыс 
|}

Получаем:

Числа Буквы Числа и буквы после них
1 в 90 млн
3 а 5 десятков
2 б 1 тыс

Вариант той же таблицы, по умолчанию свёрнутой:

Более подробно работа разных видов сворачивающихся и сортируемых таблиц описана в исходном тексте помощи в Английской Википедии: сворачивание; сортировка.

Выравнивание десятичных дробей[edit]

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

<blockquote>
{| cellpadding="0" cellspacing="0"
 |align="right"| 432 || . || 1
 |-
 |align="right"|  43 || . || 21
 |-
 |align="right"|   4 || . || 321
 |}
</blockquote>

даст

432 . 1
43 . 21
4 . 321

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

432.1
 43.21
  4.321

Шаблоны стилей[edit]

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

Таблица умножения
× 1 2 3
1 1 2 3
2 2 4 6
3 3 6 9
4 4 8 12
5 5 10 15

станет такой:

Таблица умножения
× 1 2 3
1 1 2 3
2 2 4 6
3 3 6 9
4 4 8 12
5 5 10 15

просто заменив строку border="1" cellpadding="2" на class = "wikitable". Template:Prettytable содержит следующие параметры:

class = "wikitable".


См. также[edit]


Links to other help pages[edit]

Help contents
Meta · Wikinews · Wikipedia · Wikiquote · Wiktionary · Commons: · Wikidata · MediaWiki · Wikibooks · Wikisource · MediaWiki: Manual · Google
Versions of this help page (for other languages see further)
What links here on Meta or from Meta · Wikipedia · MediaWiki
Reading
Go · Search · Stop words · Namespace · Page name · Section · Backlinks · Redirect · Category · Image page · Special pages · Printable version
Tracking changes
Recent changes (enhanced) | Related changes · Watching pages · Diff · Page history · Edit summary · User contributions · Minor edit · Patrolled edit
Logging in and preferences
Logging in · Preferences · User style
Editing
Starting a new page · Advanced editing · Editing FAQ · Edit toolbar · Export · Import · Shortcuts · Edit conflict · Page size
Referencing
Links · URL · Piped links · Interwiki linking · Footnotes
Style and formatting
Wikitext examples · CSS · Reference card · HTML in wikitext · Formula · List · Table · Sorting · Colors · Images and file uploads
Fixing mistakes
Show preview · Testing · Reverting edits
Advanced functioning
Expansion · Template · Advanced templates · Parser function · Parameter default · Variable · System message · Substitution · Array · Calculation · Embed page
Others
Special characters · Renaming (moving) a page · Preparing a page for translation · Talk page · Signatures · Sandbox · Legal issues for editors
Язык: English · العربية · български · dansk · Deutsch · Esperanto · español · euskara · suomi · français · galego · italiano · 日本語 · Nederlands · polski · русский · shqip · Tiếng Việt · 中文