Материал из Chipwiki
Перейти к: навигация, поиск
Мануал:Таблицы — различия между версиями
(Новая страница: «{{Иконка|Обратно}} Обратно '''Синтаксис:''' <nowiki>"{|"</nowiki> - Начало т…»)
 
м (Замена текста — «{{Иконка|Обратно}}» на «link=»)
 
(не показана 1 промежуточная версия этого же участника)
Строка 1: Строка 1:
{{Иконка|Обратно}} [[Chipwiki:Портал сообщества|Обратно]]
+
[[Файл:icon_back.png|link=]] [[Помощь по сайту|Обратно]]
  
 
'''Синтаксис:'''
 
'''Синтаксис:'''

Текущая версия на 22:24, 2 декабря 2019

icon back.png Обратно

Синтаксис:

"{|" - Начало таблицы

"|-" - строка

"!" - Заголовок

"|" - Столбец

"|}" - Конец таблицы

Пример простой таблицы:
{| class="wikitable" border="1"
|-
! заголовок 1
! заголовок 2
! заголовок 3
|-
| строка 1, ячейка 1
| строка 1, ячейка 2
| строка 1, ячейка 3
|-
| строка 2, ячейка 1
| строка 2, ячейка 2
| строка 2, ячейка 3
|}
Результат:
заголовок 1 заголовок 2 заголовок 3
строка 1, ячейка 1 строка 1, ячейка 2 строка 1, ячейка 3
строка 2, ячейка 1 строка 2, ячейка 2 строка 2, ячейка 3

Опции

  • столбцу можно задавать ширину в процентах или пикселях:
|width="50%"|Текст
Как вы заметили, с "{|" это также можно сделать.
  • Таблице и отдельным ячейкам можно задавать собственные стили. Например:
|style="padding:5px"|Текст
  • Ячейки можно объединять между собой
|colspan="2"|строка 1, ячейка 1- по ширине
|rowspan="2"|строка 1, ячейка 1 - по высоте
цифра означает кол-во объединяемых ячеек
Пример rowspan:
{| class="wikitable" border="1"
|-
! заголовок 1
! заголовок 2
! заголовок 3
|-
|rowspan="2"|строка 1, ячейка 1
| строка 1, ячейка 2
| строка 1, ячейка 3
|-
| строка 2, ячейка 1
| строка 2, ячейка 2
| строка 2, ячейка 3
|}
Результат:
заголовок 1 заголовок 2 заголовок 3
строка 1, ячейка 1 строка 1, ячейка 2 строка 1, ячейка 3
строка 2, ячейка 2 строка 2, ячейка 3
Пример colspan:
{| class="wikitable" border="1"
|-
! заголовок 1
! заголовок 2
! заголовок 3
|-
|colspan="2"|строка 1, ячейка 1
| строка 1, ячейка 2
|-
| строка 2, ячейка 1
| строка 2, ячейка 2
| строка 2, ячейка 3
|}
Результат:
заголовок 1 заголовок 2 заголовок 3
строка 1, ячейка 1 строка 1, ячейка 2
строка 2, ячейка 1 строка 2, ячейка 2 строка 2, ячейка 3

Сортируемые таблицы

Пример кода
{| class="wikitable sortable"
|-
! Текст заголовка !! Текст заголовка !! Текст заголовка
|-
| 1 || 2 || 3 
|-
| 4 || 5 || 6
|-
| 10 || 0 || 6
|}
Текст заголовка Текст заголовка Текст заголовка
1 2 3
4 5 6
10 0 6
Результат
{| class="standart sortable"
|-
! Текст заголовка !! Текст заголовка !! Текст заголовка
|-
| 1 || 2 || 3 
|-
| 4 || 5 || 6
|-
| 10 || 0 || 6
|}
Текст заголовка Текст заголовка Текст заголовка
1 2 3
4 5 6
10 0 6