Перейти к содержанию

Викиверситет:Как делать таблицы

Материал из Викиверситета
↱ ВВ:ТАБ

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

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

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

Основы

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

Любая таблица в wiki-стиле состоит из ячеек.

Простейшая таблица состоит из одной ячейки:

Это ячейка

Cложные таблицы состоят из множества ячеек:

Это ячейка
И это ячейка
И это ячейка


Строка. Столбец

Ячейки могут объединяться в строки и/или столбцы. Таблицы, состоящие из двух и более строк, называются многострочными.

Это строка
И это строка
И это строка


Это столбец И это столбец И это столбец


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

Дополнительным элементом таблицы является заголовок таблицы.

Это заголовок таблицы
Ячейка 1 Ячейка 2 Ячейка 3
Ячейка 4 Ячейка 5 Ячейка 6
Ячейка 7 Ячейка 8 Ячейка 9


Заголовок строки/столбца

Строки и столбцы в таблице тоже могут иметь заголовки.

Это заголовок столбца И это заголовок столбца
Ячейка 1 Ячейка 2
Ячейка 3 Ячейка 4
Ячейка 5 Ячейка 6


И это заголовок строки Ячейка 1 Ячейка 2 Ячейка 3
Это заголовок строки Ячейка 4 Ячейка 5 Ячейка 6
И это заголовок строки Ячейка 7 Ячейка 8 Ячейка 9


Классы таблиц

По своему оформлению таблицы подразделяются на классы.

wikitable
Таблица 1
Ячейка 1
Ячейка 2
Ячейка 3
   
standard
Таблица 2
Ячейка 1
Ячейка 2
Ячейка 3
   
tiles
Таблица 3
Ячейка 1
Ячейка 2
Ячейка 3
   
simple
Таблица 3
Ячейка 1
Ячейка 2
Ячейка 3


Классы ячеек

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


Интерактивность

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

Эту таблицу можно свернуть/развернуть:

Общий заголовок
Заголовок 1 Заголовок 2 Заголовок 3
Ячейка 1*1 Ячейка 2*1 Ячейка 3*1
Ячейка 1*2 Ячейка 2*2 Ячейка 3*2

В этой таблице можно сортировать данные по убыванию/возрастанию в столбцах «Латиница» и «Кириллица», но не в столбце «Цифры»:

Латиница Кириллица Цифры
A А 10
B Б 20
C В 30
D Г 40


Прочие характеристики таблицы и её элементов

Таблица в тексте статьи может быть выровнена по любому краю, а также может быть «плавающей».

Исходный код таблицы

[править]

Открывающие и закрывающие элементы

[править]

Исходный код таблицы заключается в фигурные скобки {  }. Первая фигурная скобка исходного кода таблицы называется открывающей скобкой, последняя — закрывающей. После открывающей скобки таблицы ставится вертикальная черта | . Вертикальная черта также ставится перед закрывающей скобкой таблицы. Открывающая скобка таблицы с вертикальной чертой называется открывающим элементом таблицы, а вертикальная черта с закрывающей скобкой — закрывающим элементом таблицы.

Исходный код:   Представление в Викиверситете:
{|
 |Cодержимое таблицы
 |}
   
Cодержимое таблицы

Ячейки

[править]

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

Запись каждой ячейки в таблице начинают, как правило, с новой строчки:

Исходный код:   Представление в Викиверситете:
{| border="1"
 |Ячейка А
 |Ячейка Б
 |Ячейка В
 |}
   
Ячейка А Ячейка Б Ячейка В

Вики-разметка также позволяет записывать ячейки в одну строчку. При этом, все ячейки, следующие за первой ячейкой в строке, начинаются с двойной вертикальной черты: ||. Например:

Исходный код:   Представление в Викиверситете:
{| border="1"
 |Ячейка А||Ячейка Б||Ячейка В
 |}
   
Ячейка А Ячейка Б Ячейка В

Строки и столбцы

[править]

Ячейки в таблице можно организовывать в строки.

Строка таблицы начинается с вертикальной черты, после которой пишется дефис: |-. Таблица может иметь множество строк.

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

Пример записи ячеек с новой строчки
Исходный код:   Представление в Викиверситете:
{| border="1"
 |-
 |Ячейка А-1
 |Ячейка Б-1
 |Ячейка В-1
 |-
 |Ячейка А-2
 |Ячейка Б-2
 |Ячейка В-2
 |-
 |Ячейка А-3
 |Ячейка Б-3
 |Ячейка В-3
 |}
   
Ячейка А-1 Ячейка Б-1 Ячейка В-1
Ячейка А-2 Ячейка Б-2 Ячейка В-2
Ячейка А-3 Ячейка Б-3 Ячейка В-3

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

Пример записи ячеек в одну строчку
Исходный код:   Представление в Викиверситете:
{| border="1"
 |-
 |Ячейка А-1||Ячейка Б-1||Ячейка В-1
 |-
 |Ячейка А-2||Ячейка Б-2||Ячейка В-2
 |-
 |Ячейка А-3||Ячейка Б-3||Ячейка В-3
 |}
   
Ячейка А-1 Ячейка Б-1 Ячейка В-1
Ячейка А-2 Ячейка Б-2 Ячейка В-2
Ячейка А-3 Ячейка Б-3 Ячейка В-3

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

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

Пример таблицы, состоящей из одной строки

[править]
Пример записи ячеек с новой строчки
Исходный код:   Представление в Викиверситете:
{|
 |Ячейка 1
 |Ячейка 2
 |Ячейка 3
 |}
   
Ячейка 1 Ячейка 2 Ячейка 3


Пример записи ячеек в одну строчку
Исходный код:   Представление в Викиверситете:
{|
 |Ячейка 1||Ячейка 2||Ячейка 3
 |}
   
Ячейка 1 Ячейка 2 Ячейка 3

Пример многострочной таблицы

[править]
Пример записи ячеек с новой строчки
Исходный код:   Представление в Викиверситете:
{| border="1"
 |-
 |Ячейка А-1
 |Ячейка Б-1
 |Ячейка В-1
 |-
 |Ячейка А-2
 |Ячейка Б-2
 |Ячейка В-2
 |-
 |Ячейка А-3
 |Ячейка Б-3
 |Ячейка В-3
 |}
   
Ячейка А-1 Ячейка Б-1 Ячейка В-1
Ячейка А-2 Ячейка Б-2 Ячейка В-2
Ячейка А-3 Ячейка Б-3 Ячейка В-3
Пример записи ячеек в одну строчку
Исходный код:   Представление в Викиверситете:
{| border="1"
 |-
 |Ячейка А-1||Ячейка Б-1||Ячейка В-1
 |-
 |Ячейка А-2||Ячейка Б-2||Ячейка В-2
 |-
 |Ячейка А-3||Ячейка Б-3||Ячейка В-3
 |}
   
Ячейка А-1 Ячейка Б-1 Ячейка В-1
Ячейка А-2 Ячейка Б-2 Ячейка В-2
Ячейка А-3 Ячейка Б-3 Ячейка В-3
Подробное рассмотрение темы: Вики-форматирование таблиц

Выравнивание текста в ячейках

[править]
Таблица
текст
{| class="wikitable"
|-
! Таблица
|-
| текст
|}
Таблица
текст
{| class="wikitable" style="text-align:center"
|-
! Таблица
|-
| текст
|}

Табличные рамки

[править]

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

Толщина линий рамки задаётся атрибутом border="n", где «n» — толщина линии:

Исходный код:   В Викиверситете это будет выглядеть следующим образом:
{| border="1"
 |Ячейка 1*1
 |Ячейка 2*1
 |Ячейка 3*1
 |-
 |Ячейка 1*2
 |Ячейка 2*2
 |Ячейка 3*2
 |-
 |Ячейка 1*3
 |Ячейка 2*3
 |Ячейка 3*3
 |}
   
Ячейка 1*1 Ячейка 2*1 Ячейка 3*1
Ячейка 1*2 Ячейка 2*2 Ячейка 3*2
Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

Изменять оформление рамки таблицы также можно с помощью атрибута class. Подробнее об этом см. «Классы таблиц». Как правило, рекомендуется использовать class="standard":

Исходный код:   В Викиверситете это будет выглядеть следующим образом:
{| class="standard"
 |Ячейка 1*1
 |Ячейка 2*1
 |Ячейка 3*1
 |-
 |Ячейка 1*2
 |Ячейка 2*2
 |Ячейка 3*2
 |-
 |Ячейка 1*3
 |Ячейка 2*3
 |Ячейка 3*3
 |}
   
Ячейка 1*1 Ячейка 2*1 Ячейка 3*1
Ячейка 1*2 Ячейка 2*2 Ячейка 3*2
Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

Заголовки

[править]

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

[править]

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

Для того, чтобы у таблицы появился заголовок, с новой строчки после открывающего элемента таблицы поставьте вертикальную черту и знак «плюс» |+. , и напишите текст заголовка.

Исходный код:   Представление в Викиверситете:
{| border="1"
 |+ Очень длинный-длинный текст заголовка таблицы.
 |Ячейка 1
 |Ячейка 2
 |-
 |Ячейка 3
 |Ячейка 4
 |}
   
Очень длинный-длинный текст заголовка таблицы.
Ячейка 1 Ячейка 2
Ячейка 3 Ячейка 4

Заголовок строки/столбца

[править]

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

Пример:

Исходный код:   Представление в Викиверситете:
{| border="1"
 !Заголовок 1
 !Заголовок 2
 !Заголовок 3
 |-
 !Заголовок А
 |Ячейка А-2
 |Ячейка А-3
 |-
 !Заголовок Б
 |Ячейка Б-2
 |Ячейка Б-3
 |-
 !Заголовок В
 |Ячейка В-2
 |Ячейка В-3
 |}
   
Заголовок 1 Заголовок 2 Заголовок 3
Заголовок А Ячейка А-2 Ячейка А-3
Заголовок Б Ячейка Б-2 Ячейка Б-3
Заголовок В Ячейка В-2 Ячейка В-3

В классе "standard" заголовки подсвечиваются:

Исходный код:   Представление в Викиверситете:
{| class="standard"
 !Заголовок 1
 !Заголовок 2
 !Заголовок 3
 |-
 !Заголовок А
 |Ячейка А-2
 |Ячейка А-3
 |-
 !Заголовок Б
 |Ячейка Б-2
 |Ячейка Б-3
 |-
 !Заголовок В
 |Ячейка В-2
 |Ячейка В-3
 |}
   
Заголовок 1 Заголовок 2 Заголовок 3
Заголовок А Ячейка А-2 Ячейка А-3
Заголовок Б Ячейка Б-2 Ячейка Б-3
Заголовок В Ячейка В-2 Ячейка В-3

Объединение ячеек

[править]

В wiki-стиле, как и в HTML, имеется возможность объединять несколько ячеек как по вертикали, так и по горизонтали. Для объединения по вертикали применяется атрибут rowspan="n", где «n» — число ячеек, которые должна объединить данная ячейка. Этот атрибут вписывается перед содержанием объединяющей ячейки.

Пример:

Вертикальное объединение двух ячеек пишется так:         Выглядеть это будет так:
{| border="1"
 |Ячейка 1 
 |rowspan="2" |Ячейка 2, объединяет два ряда таблицы
 |Ячейка 3
 |- 
 |Ячейка 4
 |Ячейка 5
 |}
       
Ячейка 1 Ячейка 2, объединяет два ряда таблицы Ячейка 3
Ячейка 4 Ячейка 5
Для объединения по горизонтали используется атрибут colspan="n".         Выглядит это так:
{| border="1"
 |Ячейка 1 
 |colspan="2" |Ячейка 2, объединяет два столбца
 |-
 |Ячейка 3 
 |Ячейка 4
 |Ячейка 5
 |}
       
Ячейка 1 Ячейка 2, объединяет два столбца
Ячейка 3 Ячейка 4 Ячейка 5
Для создания сложного заголовка таблицы можно воспользоваться следующей конструкцией:         Выглядеть это будет так:
{| border="1"
|-
! rowspan="2" colspan="3" | Ячейка в две строки
! colspan="2" | Ячейка в два столбца
|-align="center"
| А || Б
|-align="center"
| 1 || 2 || 3 || 4 || 5
|-align="center"
| 1 || 2 || 3 || 4 || 5
|}
       
Ячейка в две строки Ячейка в два столбца
А Б
1 2 3 4 5
1 2 3 4 5

Цветовое оформление таблиц

[править]

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

  • для отдельного слова — <span style="color:#ABCDEF">Tекст</span>;
  • для длинного текста — <div style="color:#ABCDEF">Текст, текст.</div>,

где «ABCDEF» — индекс цвета в Таблице цветов.

Пример:
Для "раскраски" текста пишут так:
{| border="1"
 |Ячейка 1*1
 |Здесь только одно <span style="color:#FF00FF">розовое</span> слово.
 |Ячейка 3*1
 |-
 |Ячейка 1*2
 |Ячейка 2*2
 |<div style="color:#33CC66">А здесь зелёным цветом выделен длинный-длинный абзац.</div>
 |-
 |Ячейка 1*3
 |Ячейка 2*3
 |Ячейка 3*3
 |}

В Викиверситете это будет выглядеть следующим образом:

Ячейка 1*1 Здесь цветное только одно розовое слово. Ячейка 3*1
Ячейка 1*2 Ячейка 2*2
А здесь выделен зелёным цветом длинный-длинный абзац.
Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

Сделать цветную ячейку можно с помощью атрибута style="background:#rrggbb", где «rrggbb» обозначает индекс цвета в таблице цветов.

Пример:
Для «раскраски» одной ячейки пишется так:
{| border="1"
 |Ячейка 1*1
 |style="background:#FFCC00"|Ячейка 2*1
 |Ячейка 3*1
 |-
 |Ячейка 1*2
 |Ячейка 2*2
 |Ячейка 3*2
 |-
 |style="background:#CCFF00"|Ячейка 1*3
 |Ячейка 2*3
 |Ячейка 3*3
 |}

В Викиверситете это будет выглядеть следующим образом:

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

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

[править]

Основные принципы

[править]

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

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

Пример

Мы хотим в ячейке 2 родительской таблицы сделать вложенную таблицу.

Исходный код влож. табл.:   Исходный код родит. табл.:   В Викиверситете родит. табл. будет выглядеть так:
 {|
  |Ячейка A
  |-
  |Ячейка Б
  |-
  |Ячейка В
  |}
   
{| border="1"
 |Ячейка 1
 |Ячейка 2
 {|
  |Ячейка A
  |-
  |Ячейка Б
  |-
  |Ячейка В
  |}
 |Ячейка 3
 |}
   
Ячейка 1 Ячейка 2
Ячейка A
Ячейка Б
Ячейка В
Ячейка 3

Обратите внимание, что без указания параметров рамки (border="n") для вложенной таблицы, по умолчанию толщина линии рамки вложенной таблицы равна «1».

Объединённые таблицы

[править]

Основные принципы

[править]

Под объединённой таблицей понимается таблица, состоящая, как правило, из одной строки, в нечётных ячейках которой содержатся вложенные таблицы.

Посредством объединённой таблицы вы можете элегантно оформить данные в виде двух (или более) отдельных таблиц, расположенных рядом друг с другом в горизонтальном направлении, например:

Таблица 1
Ячейка 1.1
Ячейка 1.2
Ячейка 1.3
   
Таблица 2
Ячейка 2.1
Ячейка 2.2
Ячейка 2.3
   
Таблица 3
Ячейка 3.1
Ячейка 3.2
Ячейка 3.3

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

{|
 |Столбец 1
 |Столбец 2
 |Столбец 3
 |Столбец 4
 |Столбец 5
 |}
   
Примечания
  • Столбец 1 — в этой ячейке будет вложенная таблица № 1.
  • Столбец 2 — эта ячейка будет служить пробелом между таблицами № 1 и 2.
  • Столбец 3 — в этой ячейке будет вложенная таблица № 2.
  • Столбец 4 — эта ячейка будет служить пробелом между таблицами № 2 и 3.
  • Столбец 5 — в этой ячейке будет вложенная таблица № 3.

Затем вместо записей «Столбец 2» и «Столбец 4» вставьте знак вынужденного пробела — &nbsp ; — который установит расстояние между расположенными рядом таблицами. Если расстояние между таблицами вам покажется узковатым, добавьте один или более знаков вынужденного пробела, отделяя их друг от друга двумя вертикальными чёрточками, например:  || || ||  .

Исходный код объединённой таблицы:   В Викиверситете это будет выглядеть так:
{|
  |Столбец 1
  | || 
  |Столбец 3
  | || 
  |Столбец 5
  |}
   
Столбец 1     Столбец 3     Столбец 5

Затем в нечётные столбцы вместо записей «Столбец 1», «Столбец 2» и «Столбец 3» с новой строки впишите коды вложенных таблиц.

Исходный код объединённой таблицы:   В Викиверситете это будет выглядеть так:
{|
  |
  {| class="standard"
   !Таблица 1
   |-
   |Ячейка 1.1
   |-
   |Ячейка 1.2
   |-
   |Ячейка 1.3
   |}
  | || 
  |
  {| class="standard"
   !Таблица 2
   |-
   |Ячейка 2.1
   |-
   |Ячейка 2.2
   |-
   |Ячейка 2.3
   |}
  | || 
  |
  {| class="standard"
   !Таблица 3
   |-
   |Ячейка 3.1
   |-
   |Ячейка 3.2
   |-
   |Ячейка 3.3
   |}
  |}
   
Таблица 1
Ячейка 1.1
Ячейка 1.2
Ячейка 1.3
   
Таблица 2
Ячейка 2.1
Ячейка 2.2
Ячейка 2.3
   
Таблица 3
Ячейка 3.1
Ячейка 3.2
Ячейка 3.3

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

{|
 |
 {| class="standard"
  !Заголовок 1||Заголовок 2
  |-
  |Ячейка 1-1||Ячейка 1-2
  |-
  |Ячейка 1-3||Ячейка 1-4
  |-
  |Ячейка 1-5||Ячейка 1-6
  |-
  |Ячейка 1-7||Ячейка 1-8
  |-
  |Ячейка 1-9||Ячейка 1-10
  |-
  |Ячейка 1-11||Ячейка 1-12
  |}
 | || 
 |
 {| class="standard"
  !Заголовок 1||Заголовок 2
  |-
  |Ячейка 3-1||Ячейка 3-2
  |-
  |Ячейка 3-3||Ячейка 3-4
  |-
  |Ячейка 3-5||Ячейка 3-6
  |-
  |Ячейка 3-7||Ячейка 3-8
  |-
  |Ячейка 3-9||Ячейка 3-10
  |-
  |Ячейка 3-11||Ячейка 3-12
  |}
 | || 
 |
 {| class="standard"
  !Заголовок 1||Заголовок 2
  |-
  |Ячейка 5-1||Ячейка 5-2
  |-
  |Ячейка 5-3||Ячейка 5-4
  |-
  |Ячейка 5-5||Ячейка 5-6
  |-
  |Ячейка 5-7||Ячейка 5-8
  |-
  |Ячейка 5-9||Ячейка 5-10
  |-
  |Ячейка 5-11||Ячейка 5-12
  |}
 |}
       
Заголовок 1 Заголовок 2
Ячейка 1-1 Ячейка 1-2
Ячейка 1-3 Ячейка 1-4
Ячейка 1-5 Ячейка 1-6
Ячейка 1-7 Ячейка 1-8
Ячейка 1-9 Ячейка 1-10
Ячейка 1-11 Ячейка 1-12
   
Заголовок 1 Заголовок 2
Ячейка 3-1 Ячейка 3-2
Ячейка 3-3 Ячейка 3-4
Ячейка 3-5 Ячейка 3-6
Ячейка 3-7 Ячейка 3-8
Ячейка 3-9 Ячейка 3-10
Ячейка 3-11 Ячейка 3-12
   
Заголовок 1 Заголовок 2
Ячейка 5-1 Ячейка 5-2
Ячейка 5-3 Ячейка 5-4
Ячейка 5-5 Ячейка 5-6
Ячейка 5-7 Ячейка 5-8
Ячейка 5-9 Ячейка 5-10
Ячейка 5-11 Ячейка 5-12

Примерно такой же результат можно получить с помощью шаблона {{столбцы}} — см. статью о шаблоне «Столбцы».

Выравнивание объединённых таблиц

[править]

Объединяемые таблицы выравниваются по вертикали. Для выравнивания по верхнему краю таблиц с разным количеством строк применяется параметр style="vertical-align:top" или valign="top".

Пример без выравнивания
Таблица 1
Текст
Текст
Таблица 2
Текст
Таблица 3
Текст
Текст
Текст
Исходный код для примера без выравнивания
{|
|
{| class="wikitable"
 |-
 ! Таблица 1
 |-
 | Текст
 |-
 | Текст
 |}
|
{| class="wikitable"
 |-
 ! Таблица 2
 |-
 | Текст
 |}
|
{| class="wikitable"
 |-
 ! Таблица 3
 |-
 | Текст
 |-
 | Текст
 |-
 | Текст
|}
|}
Пример с выравниванием
Таблица 1
Текст
Текст
Таблица 2
Текст
Таблица 3
Текст
Текст
Текст
Исходный код для примера с выравниванием
{|
|valign="top"|
{| class="wikitable"
 |-
 ! Таблица 1
 |-
 | Текст
 |-
 | Текст
 |}
|valign="top"|
{| class="wikitable"
 |-
 ! Таблица 2
 |-
 | Текст
 |}
|valign="top"|
{| class="wikitable"
 |-
 ! Таблица 3
 |-
 | Текст
 |-
 | Текст
 |-
 | Текст
|}
|}

Ширина таблицы и столбцов

[править]

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

Пример:
{| border="1" width="75%"
 |+Таблица 1
 |Ячейка 1*1 - long - long- long- long- long
 |Ячейка 1*2
 |-
 |Ячейка 1*3
 |Ячейка 1*4
 |}
{| border="1" width="75%"
 |+Таблица 2
 |Ячейка 2*1
 |Ячейка 2*2
 |-
 |Ячейка 2*3
 |Ячейка 2*4
 |}

Выглядеть это будет так:

Таблица 1
Ячейка 1*1 - long - long- long- long- long Ячейка 1*2
Ячейка 1*3 Ячейка 1*4
Таблица 2
Ячейка 2*1 Ячейка 2*2
Ячейка 2*3 Ячейка 2*4

С помощью этого же атрибута можно регулировать ширину отдельных столбцов:

Пример:
{| border="1" width="75%"
 |+Таблица 1
 | width="40%"|Ячейка 1*1 - long - long- long- long- long
 | width="20%"|Ячейка 1*2 - long - long- long- long- long
 | width="40%"|Ячейка 1*3 - long - long- long- long- long
 |-
 |Ячейка 1*4
 |Ячейка 1*5
 |Ячейка 1*6
 |}
Таблица 1
Ячейка 1*1 - long - long- long- long- long Ячейка 1*2 - long - long- long- long- long Ячейка 1*3 - long - long- long- long- long
Ячейка 1*4 Ячейка 1*5 Ячейка 1*6

Для задания определённой ширины ячейки с вложенной таблицей следует указать для неё атрибут width, но закрыть этот атрибут вертикальной чёрточкой:

{| border="1"
 |Ячейка 1
 | width="50%"|
 {| border="2"
  |Ячейка A
  |-
  |Ячейка B
  |}
 |Ячейка 3
 |}
       
Ячейка 1
Ячейка A
Ячейка B
Ячейка 3

Таблицы в машинописном стиле без форматирования

[править]

Существует также простейший и быстрейший способ создать таблицу — это написать ее в машинописном стиле. Столбцы и общий вид форматируются визуально.

Пример:
                   Климатическая таблица

Месяцы:            январь февраль март апрель май июнь июль август сентябрь октябрь ноябрь декабрь
--------------------------------------------------------------------------------------------------
Дневная температура  21     21      22    23  25   27    29    28     26      24      22     20
Ночная температура   15     15      15    16  17   17    18    17     16      15      15     14
Солнечные часы/день   6      6       7     8   9    9     9     8      7       7       6      6
Дождливые дни/месяц   6      4       3     2   2    1     0     0      2       5       6      7
Температура воды     19     18      18    18  19   20    21    23     20      18      18     18

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

См. также

[править]

Ссылки

[править]