FANDOM


Табліцы з упарадкавана дазваляюць парадкаваць дадзеныя па слупках ў парадку ўзрастання або змяншэння. Каб дадаць кнопкі сартавання, у рэжыме зыходнага кода назначце табліцы class="sortable".

У сапраўдны момант сартаванне не працуе ў мабільным скіны. Калі вы хочаце адсартаваць дадзеныя па некалькіх слупках табліцы, клічце па слупкам, націснуўшы клавішу Shift.

Асновы Edit

Каб зрабіць табліцу сортіруемой, дастаткова прысвоіць ей клас «sortable» або дапісаць гэты клас праз прабел да ўжо згаданага. У гэтым выпадку ўсе слупкі табліцы можна будзе ўпарадкаваць.

Прыклад:

{| class="article-table sortable"
!Імя
!Прозвішча
!Любімы колер
|-
|Антон
|Іваноў
|Карычневы
|-
|Анатоль
|Пятроў
|Зялены
|-
|Аляксей
|Сідараў
|Бардовы
|}


У выніку:

Імя Прозвішча Любімы колер
Антон Іваноў Карычневы
Анатоль Пятроў Зялены
Аляксей Сідараў Бардовы


Параметры сартавання Edit

data-sort-type Edit

Па змаўчанні дадзеныя ў стоўбцах сартуюцца па табліцы ASCII. Гэта не праблема ў большасці выпадкаў, але есць і выключэнні. Да прыкладу, колькасці будуць упарадкаваны не па колькаснай значэнні, а па парадкаваму нумару сімвала (колькасці 10, 20 і 100 будуць упарадкаваны як 10, 100, 20). Гэтая праблема легка вырашаецца прысваеннем асобнага класа сортіруемых дадзеных галоўнай вочку слупка.

data-sort-type="..." можа мець розныя значэнні, ніжэй пералічаны самыя распаўсюджаныя з іх:

  • text — парадкуе тэкст у алфавітным парадку.
  • number — ўлічвае лікавае значэнне, першы элемент можа быць лічбай, коскай, кропкай, прабелам, «-» або «+».
  • currency — валюта, элемент павінен пачынацца з сімвала валюты $, £, €, або ¥ без прабелаў (напрыклад: $100, ¥10000).
  • date — дата.
  • time — час.

Трэба заўважыць, што калі хаця б адно значэнне не падыходзіць пад ўказаны тып, то ўся калонка будзе отсортірована па табліцы ASCII.

Прыклад:

{| class="article-table sortable"
!Default
!data-sort-type="number"|Number
!data-sort-type="currency"|Currency
|-
|!@#$%
|10
|$23
|-
|10000
|20
|¥54
|-
|Яблык
|100
|£345
|-
|Банан
|200
|€999
|}


У выніку атрымліваем розную сартаванне у залежнасці ад тыпу дадзеных:

Default Number Currency
!@#$% 10 $23
10000 20 ¥54
Яблык 100 £345
Банан 200 €999

data-sort-value Edit

Часам запісанае значэнне ў калонцы не адпавядае таму, як яно павінна быць упарадкавана. У гэтым выпадку можна выкарыстоўваць код data-sort-value="...".

Прыклад:

{| class="article-table sortable"
!Кансоль
!Колер
!Колькасць
|-
|Dreamcast
|Белы
| data-sort-value="5"|Пяць
|-
|iPad
|Белы
| data-sort-value="0"|Нуль
|-
|Xbox
|Зялены
| data-sort-value="8"|Восем
|}


У выніку:

Кансоль Колер Колькасць
Dreamcast Белы Пяць
iPad Белы Нуль
Xbox Зялены Восем

Калонкі, якім не патрабуецца сартаванне Edit

Калі ў табліцы есць калонка, значэння ў якой не трэба сартаваць, дадайце ў загалоўку слупка class="unsortable".

Прыклад: {| class="article-table sortable" |- !Гульня !Тэма ! class="unsortable" |Рэйтынг |- |Pocket League Story |футбол |☆☆ |- |Game Dev Story |сімулятар |☆☆☆ |- |Grand Prix Story |машыны |☆ |}


У выніку:

Гульня Тэма Рэйтынг
Pocket League Story футбол ☆☆
Game Dev Story сімулятар ☆☆☆
Grand Prix Story машыны


Ніжняя радок табліцы Edit

Калі ў Вашай табліцы есць ніжняя радок, якая змяшчае выснову, сярэдняе значэнне або па нейкай іншай прычыне не павінна удзельнічаць у сартаванні, дадайце да гэтай радку клас class="sortbottom".

Прыклад:

{| class="article-table sortable"
!Імя
!Пол
!Узрост
|-
|Яна
|Жанчына
|12
|-
|Петр
|Мужчына
|23
|-
|Кацярына
|Жанчына
|34
|- class="sortbottom"
!colspan="2"|Сярэдні
|23
|}


У выніку атрымаем:

Імя Пол Узрост
Яна Жанчына 12
Петр Мужчына 23
Кацярына Жанчына 34
Сярэдні 23
Community content is available under CC-BY-SA unless otherwise noted.