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

Материал из Old-Games.RU Wiki
Перейти к навигации Перейти к поиску
Строка 70: Строка 70:
 
<br />  
 
<br />  
 
{| border="1" style="border-collapse: collapse;"
 
{| border="1" style="border-collapse: collapse;"
 +
| Раз
 +
| Два
 +
| Три
 +
|-
 +
| 1
 +
| 2
 +
| 3
 +
|}
 +
|}
 +
 +
== Использование готовых классов для таблиц ==
 +
В MediaWiki уже встроены некоторые готовые оформления таблиц:
 +
* <tt>wikitable</tt> — рисует границы, добавляет светло-серый фон таблице
 +
* <tt>wikitable collapsible</tt> — то же самое, только делает таблицу ещё и сворачиваемой
 +
* <tt>wikitable collapsible collapsed</tt> — таблица будет уже свёрнута
 +
* <tt>wikitable sortable</tt> — добавит возможность алфавитной сортировки по столбцам
 +
* <tt>wikitable sortable collapsible</tt>
 +
* <tt>wikitable sortable collapsible collapsed</tt>
 +
 +
Использовать классы следующим образом:
 +
 +
{| width="100%"
 +
| style="width:50%;vertical-align:top;" | Приведём небольшой понятный кусок вики-форматирования:
 +
<pre>
 +
{| class="wikitable"
 +
| Раз
 +
| Два
 +
| Три
 +
|-
 +
| 1
 +
| 2
 +
| 3
 +
|}
 +
</pre>
 +
| style="width:50%;vertical-align:top; padding-left:30px;" | И его конечный вид:
 +
<br />
 +
{| class="wikitable"
 
  | Раз
 
  | Раз
 
  | Два
 
  | Два

Версия 22:15, 6 июня 2012

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

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

Приведём небольшой понятный кусок вики-форматирования:
{|
 | Раз
 | Два
 | Три
 |-
 | 1
 | 2
 | 3
 |}
И его конечный вид:


Раз Два Три
1 2 3
Как вы наверно заметили, по умолчанию MediaWiki (движок вики) строит прозрачные таблицы без границ. Давайте сделаем границы видимыми:
{| border="1"
 | Раз
 | Два
 | Три
 |-
 | 1
 | 2
 | 3
 |}
Результат:


Раз Два Три
1 2 3
Если вас не устраивает такое оформление таблицы, то вы можете задействовать CSS-стили:
{| border="1" style="border-collapse: collapse;"
 | Раз
 | Два
 | Три
 |-
 | 1
 | 2
 | 3
 |}
Результат:


Раз Два Три
1 2 3

Использование готовых классов для таблиц

В MediaWiki уже встроены некоторые готовые оформления таблиц:

  • wikitable — рисует границы, добавляет светло-серый фон таблице
  • wikitable collapsible — то же самое, только делает таблицу ещё и сворачиваемой
  • wikitable collapsible collapsed — таблица будет уже свёрнута
  • wikitable sortable — добавит возможность алфавитной сортировки по столбцам
  • wikitable sortable collapsible
  • wikitable sortable collapsible collapsed

Использовать классы следующим образом:

Приведём небольшой понятный кусок вики-форматирования:
{| class="wikitable"
 | Раз
 | Два
 | Три
 |-
 | 1
 | 2
 | 3
 |}
И его конечный вид:


Раз Два Три
1 2 3

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

Попробуем объединить две первые ячейки в первой строке (горизонтальное объединение):
{| border="1"
 | colspan="2" | Раз Два
 | Три
 |-
 | 1
 | 2
 | 3
 |}
Результат:


Раз Два Три
1 2 3
Теперь давайте попробуем объединить две последние ячейки в первой строке:
{| border="1"
 | Раз
 | colspan="2" | Два Три
 |-
 | 1
 | 2
 | 3
 |}
Результат:


Раз Два Три
1 2 3

Рассмотрим вертикальное объединение. Объединим две средние ячейки:
{| border="1"
 | Раз
 | rowspan="2" | Два<br />2
 | Три
 |-
 | 1
 | 3
 |}
Результат:


Раз Два
2
Три
1 3

Обратите внимание на исчезновение ячейки из второй строки. Посмотрите, как это выглядит в вики-разметке таблицы.

Рекомендуется использовать OpenOffice.org или LibreOffice для построения сложных таблиц. С помощью Writer'а сделайте нужную вам таблицу, затем экспортируйте документ в формат MediaWiki.