Википедија: Табеле

Из Википедије, слободне енциклопедије
Иди на навигацију Иди на претрагу
↱
  • ВП: Т.
  • ВП: ТАБ

Табела је облик презентације информација који олакшава њену визуелну перцепцију. Састоји се од редова, колона и ћелија.

Извор

Први пример

 {| цласс = "викитабле"
| + Наслов табеле (име)
| -
! <! - Празна ћелија -> !! Наслов колоне 1 !! Наслов колоне 2
| -
! Заглавље линије 1 
| Садржај ћелије 1-1 || Ћелија 1-2 Садржај
| -
! Заглавље линије 2 
| Ћелија 2-1 Садржај || Садржај ћелије 2-2
|}

Резултат:

Наслов табеле (наслов)
Наслов колоне 1 Наслов колоне 2
Заглавље линије 1 Садржај ћелије 1-1 Ћелија 1-2 Садржај
Заглавље линије 2 Садржај ћелије 2-1 Садржај ћелије 2-2


Елементи

Код Функција Белешке (уреди)
{| Почетак кода табеле Након тога можете одредити класу табеле и параметре њеног дизајна (стил). Пример:
{| class="..." style="...; ...;"
|+ Заглавље табеле Налази се у следећем реду кода табеле након њеног почетка. Пример:
 {| 
| + Назив табеле

Ако наслов није потребан, онда није потребно постављати његов код. Више детаља овде .

|- Одвајач линија
 | - стиле = "...; ...;"
| Ћелија 1-1 || Ћелија 1-2
| -
| Ћелија 2-1 || Ћелија 2-2

Након тога, можете одредити стил за све ћелије укључене у следећи ред одједном. У горњем примеру, стил ће се применити на ћелије 1-1 и 1-2:

! Почетак ћелије заглавља колоне Почетак прве ћелије у низу наслова колона када је код водораван и почетак свих ћелија заглавља када је код окомит. Примери су исти као и за елемент | (почетак ћелије), али уместо тога биће !

Наслови колона су стилизовани по потреби. Више детаља овде .

!! Одвајач ћелија заглавља колоне Користи се за хоризонтални распоред кода. Пример:
! Столбец 1 !! Столбец 2 !! Столбец 3
|
  • Покретање ћелије
  • Одвајач параметара ћелије
  • Почетак прве ћелије у низу када је код водораван и почетак било које ћелије када је код окомит. Примери:
    | Ячейка 1 || Ячейка 2 || Ячейка 3
     | Ћелија 1
    | Ћелија 2
    | Ћелија 3
  • Параметри поједине ћелије назначени су одмах иза знакова ! , !! , | , || , и на крају параметри су затворени са | ... Пример:
    | style="...; ...;" | Ячейка 1 || colspan="2" | Ячейка 2-3
|| Одвајач ћелија Користи се за хоризонтални распоред кода. Погледајте горе за пример.
|} Код краја табеле Пример:
 | Ћелија 1 || Ћелија 2
|}

Часови

Постоји неколико могућих класа за стони декорацију: wikitable , mw-datatable , standard , graytable , wide .

wikitable
Наслов колоне 1 Наслов колоне 2
Заглавље линије 1 Садржај ћелије 1-1 Ћелија 1-2 Садржај
Заглавље линије 2 Садржај ћелије 2-1 Садржај ћелије 2-2
mw-datatable
Наслов колоне 1 Наслов колоне 2
Заглавље линије 1 Садржај ћелије 1-1 Ћелија 1-2 Садржај
Заглавље линије 2 Садржај ћелије 2-1 Садржај ћелије 2-2
standard
Наслов колоне 1 Наслов колоне 2
Заглавље линије 1 Садржај ћелије 1-1 Ћелија 1-2 Садржај
Заглавље линије 2 Садржај ћелије 2-1 Садржај ћелије 2-2
wide сто
Наслов колоне 1 Наслов колоне 2
Заглавље линије 1 Садржај ћелије 1-1 Ћелија 1-2 Садржај
Заглавље линије 2 Садржај ћелије 2-1 Садржај ћелије 2-2
graytable сто
Наслов колоне 1 Наслов колоне 2
Заглавље линије 1 Садржај ћелије 1-1 Ћелија 1-2 Садржај
Заглавље линије 2 Садржај ћелије 2-1 Садржај ћелије 2-2

Вертикални и хоризонтални дизајн

Дизајн кода је другачији, резултат је исти:

 {| цласс = "викитабле"
! Колона 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
|}
Колона 1 Колона 2 Колона 3
Ћелија 1-1 Ћелија 1-2 Ћелија 1-3
Ћелија 2-1 Ћелија 2-2 Ћелија 2-3

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

Пример таблице помоћу класе wikitable :

 {| цласс = "викитабле"
| + Назив табеле
| -
! Наслов 1 !! Наслов 2
| -
| Ћелија 1 || Ћелија 2
| -
| Ћелија 3 || Ћелија 4
|}
Назив табеле
Наслов 1 Наслов 2
Ћелија 1 Ћелија 2
Ћелија 3 Ћелија 4


Табела сличног дизајна без класе wikitable :

Назив табеле
Наслов 1 Наслов 2
Ћелија 1 Ћелија 2
Ћелија 3 Ћелија 4
 {| стиле = "бацкгроунд: # ф8ф9фа; бордер: 1пк солид # а2а9б1; бордер-колапс: колапс; маргин-топ: 1.0ем; маргин-боттом: 1.0ем;"
| + '' 'Назив табеле' ''
| - стиле = "бордер -боттом: 1пк солид # а2а9б1; бацкгроунд: # еаецф0;"
! стиле = "бордер-ригхт: 1пк солид # а2а9б1; паддинг: 0.2ем 0.4ем 0.2ем 0.4ем;" | Наслов 1 !! стиле = "паддинг: 0.2ем 0.4ем 0.2ем 0.4ем;" | Наслов 2
| - стиле = "бордер -боттом: 1пк солид # а2а9б1;"
| стиле = "бордер-ригхт: 1пк солид # а2а9б1; паддинг: 0.2ем 0.4ем 0.2ем 0.4ем;" | Ћелија 1 || стиле = "паддинг: 0.2ем 0.4ем 0.2ем 0.4ем;" | Ћелија 2
| -
| стиле = "бордер-ригхт: 1пк солид # а2а9б1; паддинг: 0.2ем 0.4ем 0.2ем 0.4ем;" | Ћелија 3 || стиле = "паддинг: 0.2ем 0.4ем 0.2ем 0.4ем;" | Ћелија 4
|}

Опис параметра

У заглављу кода табеле:

  • background:#f8f9fa; - позадинска боја ћелија.
  • border:1px solid #a2a9b1; - обруб око стола дебљине 1 пиксел у облику континуиране линије и боје # а2а9б1.
  • border-collapse:collapse; - једна заједничка граница између ћелија.
  • margin-top:1.0em; margin-bottom:1.0em; - увлачења из табеле изнад и испод (маргине).

За појединачне ћелије:

  • border-bottom:1px solid #a2a9b1; - доња граница наслова 1 и 2 (слично за ћелије 1-2).
  • background:#eaecf0; - боја позадине наслова 1 и 2.
  • border-right:1px solid #a2a9b1; - десна граница наслова 1, заједничка са насловом 2 (слично за ћелије 1, 3).
  • padding:0.2em 0.4em 0.2em 0.4em; - увлаке са горње, десне, доње и леве границе наслова 1 (слично за све остале ћелије).

Наслови

Заглавље табеле

Без наслова
 {| цласс = "викитабле"
| -
| Без наслова
|}

Са насловом
Садржај ћелије
 {| цласс = "викитабле"
| + Са насловом
| -
| Садржај ћелије
|}

Заглавље табеле налази се при дну табеле, са повећаним увлачењем од ње, левим поравнањем, нормалном засићеношћу (без подебљања), смањеном величином и размаком између редова (на почетку)
Садржај ћелије
 {| цласс = "викитабле"
| + стиле = "цаптион-сиде: боттом; паддинг-топ: 0.6ем; тект-алигн: лефт; фонт-веигхт: нормал; фонт-сизе: 85%; лине-хеигхт: 1.5;" | Заглавље табеле налази се при дну табеле, са повећаним увлачењем од ње, левим поравнањем, нормалном засићеношћу (без подебљања), смањеном величином и размаком између редова (на почетку)
| -
| Садржај ћелије
|}

Заглавља колона

Без наслова Без наслова
 {| цласс = "викитабле"
| -
| Нема наслова || Без наслова
|}

Наслов 1 Наслов 2
Садржај ћелије 1 Садржај ћелије 2
 {| цласс = "викитабле"
| -
! Наслов 1 !! Наслов 2
| -
| Садржај ћелије 1 || Садржај ћелије 2
|}

Наслов 1 Наслов 2
Садржај ћелије 1 Садржај ћелије 2
 {| цласс = "викитабле"
| -
! стиле = "фонт-веигхт: нормал;" | Наслов 1 !! стиле = "фонт-веигхт: нормал;" | Наслов 2
| -
| Садржај ћелије 1 || Садржај ћелије 2
|}

Заглавља редова

Наслови
Бочни зидови
Наслов 1 Наслов 2
Страна 1 Садржај ћелије 1 Садржај ћелије 2
Страна 2 Садржај ћелије 3 Садржај ћелије 4
 {| цласс = "викитабле"
| -
! {{Дијагонала | Бочно | Наслови | 5ем}} !! Наслов 1 !! Наслов 2
| -
! Страна 1
| Садржај ћелије 1 || Садржај ћелије 2
| -
! Страна 2
| Садржај ћелије 3 || Садржај ћелије 4
|}

Табела са сортирањем података у колону


Колона
1
2
3
 {| цласс = "викиабле сортабле" 
| -
! Колона 
| -
| 1
| -
| 2
| -
| 3
|}

Усклађивање

Поравнавање садржаја ћелије

текст на левој страни текст на левој страни
леви текст
прави текст
текст у средини
 {| цласс = "викитабле"
| текст на левој страни текст на левој страни
| -
| стиле = "тект-алигн: лефт;" | тект '' 'лефт' ''
| -
| стиле = "тект-алигн: ригхт;" | тект '' 'ригхт' ''
| -
| стиле = "тект-алигн: центер;" | текст '' 'у средини' ''
|}
текст у средини
текст у средини
текст у средини текст на врху текст испод
 {| цласс = "викитабле"
| текст у средини <бр> текст у средини
| стиле = "вертицал-алигн: миддле;" | текст '' 'у средини' ''
| стиле = "вертицал-алигн: топ;" | тект '' 'топ' ''
| стиле = "вертицал-алигн: боттом;" | тект '' 'боттом' ''
|}

Поравнавање и паковање стола

Напомена: параметар clear у заглављу кода табеле спречава његово премотавање око слика и других табела. У многим случајевима то није потребно (може се уклонити).

Остављено без омота
 {| цласс = "викитабле" стиле = "цлеар: лефт;"
| -
| Текст ћелије
|}

Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект тект.


Лево са омотом
 {| цласс = "викитабле" стиле = "флоат: лефт; маргин-ригхт: 0,8ем; цлеар: лефт;"
| -
| Текст ћелије
|}

Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект тект.


Десно без омота
 {| цласс = "викитабле" стиле = "флоат: ригхт; цлеар: ригхт;"
| -
| Текст ћелије
|} <див стиле = "цлеар: ботх;"> </див>

Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект тект.


Завијено десно
 {| цласс = "викитабле" стиле = "флоат: ригхт; маргин-лефт: 0,8ем; цлеар: ригхт;"
| -
| Текст ћелије
|}

Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект тект.


У средини, без омота
 {| цласс = "викитабле" стиле = "маргин: ауто; цлеар: ботх;"
| -
| Текст ћелије
|}

Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект Тект тект.

Неколико столова један поред другог

Лево

Табела 1
табела 2
табела 2
Табела 3
Табела 3
Табела 3

Напомена: да бисте додали омотавање текста око групе табела, морате уклонити <div style="clear:both;"></div> код на крају последње табеле и додати му увлачење као у прве две табеле ( margin-right:1.4em; ) ...

 {| цласс = "викитабле" стиле = "флоат: лефт; маргин-ригхт: 1.4ем; цлеар: лефт;"
| -
| Табела 1
|}

{| цласс = "викитабле" стиле = "флоат: лефт; маргин-ригхт: 1.4ем;"
| -
| табела 2
| -
| табела 2
|}

{| цласс = "викитабле" стиле = "флоат: лефт;"
| -
| Табела 3
| -
| Табела 3
| -
| Табела 3
|} <див стиле = "цлеар: ботх;"> </див>

На десној страни

Изворни код је генерално исти као у горњем примеру, само је потребно да промените float:left то float:right , margin-right то margin-left анд clear:left то clear:right .

У средини

Користе се угнежђене табеле у једној ћелији невидљиве табеле која се налази на средини странице.

Табела 1
табела 2
табела 2
Табела 3
Табела 3
Табела 3
 {| стиле = "маргин: ауто; цлеар: ботх;"
|
{| цласс = "викитабле" стиле = "флоат: лефт; маргин-ригхт: 1.4ем;"
| -
| Табела 1
|}
{| цласс = "викитабле" стиле = "флоат: лефт; маргин-ригхт: 1.4ем;"
| -
| табела 2
| -
| табела 2
|}
{| цласс = "викитабле" стиле = "флоат: лефт;"
| -
| Табела 3
| -
| Табела 3
| -
| Табела 3
|}
|}

Уметнуте табеле

Табела 1
табела 2
табела 2
Табела 3
Табела 4
Табела 5
 {| <! - ОВО ЈЕ ГЛАВНА ТАБЕЛА -> цласс = "викитабле" стиле = "маргин: ауто; бацкгроунд: #ффф; цлеар: ботх;"
| -
| <! - ГНЕЗДЕНА ТАБЕЛА ПОЧИЊЕ НОВОМ ЛИНИЈОМ КОДА ->
{| цласс = "викитабле" стиле = "флоат: лефт; маргин-ригхт: 1.4ем;"
| -
| Табела 1
|}

{| цласс = "викитабле" стиле = "флоат: лефт;"
| -
| табела 2
| -
| табела 2
|}
| <! - ОДВОЈИВАЧ ЗА ДОДАВАЊЕ КОЛОНИЦЕ ТАБЕЛЕ ->
{| цласс = "викитабле"
| -
| Табела 3
|}
| - <! - ОДВОЈИВАЧ ЗА ДОДАВАЊЕ ТАБЕЛСКЕ ЛИНИЈЕ ->
|
{| цласс = "викитабле"
| -
| Табела 4
|}
|
{| цласс = "викитабле"
| -
| Табела 5
|} <! - КРАЈ УГНЕСЕНЕ ТАБЕЛЕ ->
|} <! - КРАЈ ГЛАВНЕ ТАБЕЛЕ ->

Листе у табели

Означена или нумерисана листа почиње новом линијом кода (попут угнежђене табеле):

 {| цласс = "викитабле"
| -
| ћелија 1 ||
* једном
* два
* три
| -
| ћелија 3 ||
{| цласс = "викитабле"
| -
| угнежђена табела
|}
|}
ћелија 1
  • једном
  • два
  • три
ћелија 3
угнежђена табела


Спајање ћелија

Хоризонтално (спајање колона)

Ћелија 1 Ћелија 2 Ћелија 3
Ћелија 4-5 Ћелија 6
Ћелија 7 Ћелија 8-9
Ћелија 10-11-12
 {| цласс = "викитабле"
| Ћелија 1 || Ћелија 2 || Ћелија 3
| -
| цолспан = "2" | Ћелија 4-5 || Ћелија 6
| -
| Ћелија 7 || цолспан = "2" | Ћелија 8-9
| -
| цолспан = "3" | Ћелија 10-11-12
|}

Вертикално (спајање низова)

Ћелија 1 Ћелија 2
Ћелија 3-5 Ћелија 4
Ћелија 6
 {| цласс = "викитабле"
| Ћелија 1 || Ћелија 2
| -
| редови = "2" | Ћелија 3-5 || Ћелија 4
| -
| Ћелија 6
|}

Боје

Боја позадине ћелије

Боја свих ћелија, осим наслова колона (назначених на почетку кода табеле) и појединачних ћелија.

# еаецф0 # ц8ццд1
#ффф # еаецф0
#ффф # ф8ф9фа ( wikitable ћелије за брисање)
 {| цласс = "викитабле" стиле = "бацкгроунд: #ффф;"
! # еаецф0 !! стиле = "бацкгроунд: # ц8ццд1;" | # ц8ццд1
| -
| #ффф || стиле = "бацкгроунд: # еаецф0;" | # еаецф0
| -
| #ффф || стиле = "бацкгроунд: # ф8ф9фа;" | # ф8ф9фа (<цоде> викиабле </цоде> боја ћелије)
|}

Такође погледајте Употреба_боја - о попуњавању ћелија. (Користи боје из водича за стил Викимедије .)

Боја текста

Боја текста у ћелијама:

Наслов 1 Наслов 2
Ћелија 1 Ћелија 2
Ћелија 4 Ћелија 5

Напомена: Подразумевана боја текста у векторским #202122 је #202122 .


Боја појединачних речи:

Текст ћелије Текст ћелије
 {| цласс = "викитабле"
| -
| Текст <спан стиле = "цолор: # ф00;"> ћелије Текстуалне </спан> ћелије
|}

Величина фонта

Величина фонта треба бити постављена у процентима од нормалне, као и у следећим јединицама (не препоручује се): ем, ек, пт, пк. Величина фонта не би требала бити мања од 85% . Напомена: када се наводи јединица мере, укључујући проценте, размак између ње и броја је неважећи ( 95% ).

Без промене величине: {| class="wikitable"

Колона Колона
Текст ћелије Текст ћелије
Текст ћелије Текст ћелије

Са 85% величине фонта у свим ћелијама табеле: {| class="wikitable" style="font-size:85%;"

Колона Колона
Текст ћелије Текст ћелије
Текст ћелије Текст ћелије

Појединачне ћелије:

Текст ћелије 1
Текст ћелије 2
Текст ћелије 3
Текст ћелије 4
 {| цласс = "викитабле"
| -
| стиле = "фонт-сизе: 18пк;" | Текст ћелије 1
| -
| Текст ћелије 2
| -
| стиле = "фонт-сизе: 13пк;" | Текст ћелије 3
| -
| стиле = "фонт-сизе: 85%;" | Текст ћелије 4
|}

Границе ћелија

Дебљина (пк, ем), изглед и боја ивице на све четири стране стола или ћелије: style="border:1px solid #a2a9b1;" ... Ивице са обе стране ћелије: style="border-top(-right,-bottom,-left):1px solid #a2a9b1;" ...

Ако је овај параметар наведен у заглављу кода табеле, онда ће се применити само на једну спољну границу табеле. Да бисте поставили границе између ћелија, мора бити написано за сваку ћелију.

Да бисте креирали једну заједничку границу између ћелија, поставите параметар style="border-collapse:collapse;" ...

Сакријте појединачне границе између ћелија

Ћелија 1 Ћелија 2
Ћелија 3 Ћелија 4
Ћелија 1 Ћелија 2
Ћелија 3 Ћелија 4
 {| цласс = "викитабле"
| - стиле = "бордер -боттом: хидден;"
| Ћелија 1 || Ћелија 2
| -
| Ћелија 3 || Ћелија 4
|}
{| цласс = "викитабле"
| -
| стиле = "бордер-ригхт: хидден;" | Ћелија 1 || Ћелија 2
| -
| стиле = "бордер-ригхт: хидден;" | Ћелија 3 || Ћелија 4
|}

Ширина табеле и колоне

Наведено у%, пк.

Табела целе странице
Табела ширине половине странице
Табела ширине странице за четвртину
 {| цласс = "викитабле" стиле = "видтх: 100%;"
| -
| Табела целе странице
|}
{| цласс = "викитабле" стиле = "видтх: 50%;"
| -
| Табела ширине половине странице
|}
{| цласс = "викитабле" стиле = "видтх: 25%;"
| -
| Табела ширине странице за четвртину
|}

Ова ћелија (колона) је половина ширине табеле Ова ћелија заузима четвртину ширине стола Цела табела је пола ширине странице
 {| цласс = "викитабле" стиле = "видтх: 50%;"
| -
| стиле = "видтх: 50%;" | Ова ћелија (колона) је пола ширине табеле || стиле = "видтх: 25%;" | Ова ћелија је четвртина ширине стола || Цела табела је пола ширине странице
|}

Врсте табела

схаред.цсс

Стандард

Колона 1 Колона 2
Ћелија 1-1 Ћелија 1-2
Ћелија 2-1 Ћелија 2-2
 {| цласс = "викитабле"
| -
! Колона 1 || Колона 2
| -
| Ћелија 1-1 || Ћелија 1-2
| -
| Ћелија 2-1 || Ћелија 2-2
|} 

Линије са позадинским осветљењем

class="mw-datatable"

Приликом преласка курсором линија је истакнута:

Колона Колона Колона
мобилни мобилни мобилни
мобилни мобилни мобилни
мобилни мобилни мобилни

Сортабле

За такву табелу су потребни наслови колона. Погледајте м: Помоћ: Сортирање за комплетну документацију.

Абецеда Бројеви Наведен је кључ за сортирање Неразврстана колона
А. 2 милијарде 2 милијарде А.
Б 3 3 Б
В. 4 хиљ. 4 хиљ. Ц.
Г. 1 милион 1 милион Д.
Исход 2 001 004 003 2 001 004 003 -
 {| цласс = "викиабле сортабле"
| -
! Абецеда !! Бројеви !! Са назнаком кључа за сортирање !! цласс = "унсортабле" | Неразврстана колона
| -
| А || 2 милијарде || дата-сорт-валуе = "2000000000" | 2 милијарде || А.
| -
| Б || 3 || 3 || Б
| -
| У || 4 хиљаде || дата-сорт-валуе = "4000" | 4 хиљаде || Ц.
| -
| Г || 1 милион || дата-сорт-валуе = "1000000" | 1 милион || Д.
| - <! - Ово је неподношљива жица ->
! Суштина !! 2 001 004 003 !! 2 001 004 003 !! -
|}

За исправно сортирање по колони са бројевима, data-sort-type="number" заглавље колоне можете додати data-sort-type="number" , радиће ! data-sort-type="number" | Заголовок .

Склопиво

За такву табелу су потребни наслови колона.

Иницијално проширена class="wikitable mw-collapsible"

Колона Колона
мобилни мобилни
мобилни мобилни

У почетку Цолласед class="wikitable mw-collapsible mw-collapsed"

Колона Колона
мобилни мобилни
мобилни мобилни

Примери њихове комбинације

Пример 1

 {| цласс = "викитабле мв-дататабле сортибилни склопиви скупљени" стиле = "фонт-сизе: 85%; видтх: 75%;"
| -
! цолспан = "4" | Назив табеле
...

Пример 2 са угнежђеним табелама

Главни сто
 {| стиле = "бордер: 1пк солид # а2а9б1; бордер-цоллапс: колапс; фонт-сизе: 85%; видтх: 75%;"
| + стиле = "маргин-боттом: 0.3ем;" | '' 'Главни сто' ''
| -
| стиле = "паддинг: 0; бордер-боттом: 1пк солид # а2а9б1;" |
{| цласс = "викитабле мв-дататабле сортибилни склопиви скупљени" стиле = "бордер: хидден; маргин: 0; видтх: 100%;"
| -
! цолспан = "4" стиле = "фонт-веигхт: нормал; бацкгроунд: # ц8ццд1;" | '' Уметнута табела 1 ''
...
|}
| -
| стиле = "паддинг: 0;" |
{| цласс = "викитабле мв-дататабле сортибилни склопиви скупљени" стиле = "бордер: хидден; маргин: 0; видтх: 100%;"
| -
! colspan="4" style="font-weight:normal; background:#c8ccd1;" | ''Вложенная таблица 2''
...

Пример 3 со вложенными скрытыми таблицами

 {| class="wikitable collapsible collapsed" style="font-size:85%; width:75%;"
|-
! Главная таблица
|- style="border-top:hidden;"
| style="padding:0;" |
{| class="wikitable mw-datatable sortable collapsible collapsed" style="border:hidden; margin:0; width:100%;"
|-
! colspan="4" style="font-weight:normal; background:#c8ccd1;" | ''Вложенная таблица 1''
...
|}
|-
| style="padding:0;" |
{| class="wikitable mw-datatable sortable collapsible collapsed" style="border:hidden; margin:0; width:100%;"
|-
! colspan="4" style="font-weight:normal; background:#c8ccd1;" | ''Вложенная таблица 2''
...

См. также

Ссылки