Přeskočit na obsah

Šablona:Sticky header

Z Wikipedie, otevřené encyklopedie

Šablona zajistí, aby záhlaví tabulky zůstalo viditelné (zafixované) v horní části obrazovky při svislém posunu tabulky. Používá se pro tabulky s velkým počtem řádků.

Použití

[editovat zdroj]

Vložte šablonu {{Sticky header}} před tabulku a do atributů tabulky přidejte jednu z následujících tříd:

Třídy v atributech tabulky: {| class="třída1 třída2"
Třída Popis
sticky-header První řádek záhlaví zůstane viditelný (zafixovaný) v horní části obrazovky.
sticky-header-multi Vyžaduje tabulku s volitelným řazením, tedy s třídou sortable v atributech tabulky. Víceřádkové záhlaví zůstane viditelné (zafixované) v horní části obrazovky. Nepoužívejte třídu sorttop, kdy by došlo k fixaci záhlaví až po rozřazení. Nepoužívejte fixaci záhlaví, které se nevztahuje na celou tabulku (tj. obsahuje-li tabulka více záhlaví). Nepoužívejte fixaci záhlaví s velkým množstvím řádků, které by mohlo blokovat zobrazení datových řádků tabulky na malé obrazovce (např. na mobilních telefonech při zobrazení na šířku).

Je-li to nutné, lze volitelné řazení zakázat přidáním class=unsortable do všech sloupců tabulky.

Jednořádkové záhlaví

[editovat zdroj]

Třída sticky-header se uvádí v atributech tabulky pro fixaci prvního řádku záhlaví v horní části obrazovky. Volitené řazení tabulky se nepožaduje.

{{Sticky header}}
{| class="wikitable sortable sticky-header"
|+ Nadpis
|-
! Barva !! A !! B
! class="unsortable" | C
|- class=sorttop
| '''Max''' || 10 || 11 || 12
|-
| Červená || 1 || 2 || 3
|-
| Zelená || 4 || 5 || 6
|-
| Žlutá || 7 || 8 || 9
|-
| Modrá || 10 || 11 || 12
|- class=sortbottom
| '''Celkem''' || 22 || 26 || 30
|}

Víceřádkové záhlaví

[editovat zdroj]

Třída sticky-header-multi v atributech tabulky deklaruje víceřádkové záhlaví, které má být viditelné (zafixované) v horní části obrazovky. Vyžaduje tabulku s volitelným řazením. Pokud některý nebo všechny sloupce nemají být volitelně řazeny, pak lze nastavit class=unsortable do příslušné buňky záhlaví. Záhlaví pak zůstane viditelné (zafixované) v horní části obrazovky. Není-li však povolen JavaScript, pak volitelné řazení a toto řešení nebude fungovat. Více v nápovědě o tabulce s voliteným řazením.

Nepoužívejte třídu sorttop, protože by došlo ke konfliktu fixací záhlaví. Řešením může být přesun příslušných řádků na konec s použitím třídy sortbottom.

Nadpis
Barva Data
A B C
Červená 1 2 3
Zelená 4 5 6
Žlutá 7 8 9
Modrá 10 11 12
Max 10 11 12
Celkem 22 26 30
{{Sticky header}}
{| class="wikitable sortable sticky-header-multi"
|+ Nadpis
|-
! rowspan=2 | Barva
! colspan=3 | Data
|-
! A !! B
! class="unsortable" | C
|-
| Červená || 1 || 2 || 3
|-
| Zelená || 4 || 5 || 6
|-
| Žlutá || 7 || 8 || 9
|-
| Modrá || 10 || 11 || 12
|- class=sortbottom
| '''Max''' || 10 || 11 || 12
|- class=sortbottom
| '''Celkem''' || 22 || 26 || 30
|}

Záhlaví pouze po část tabulky

[editovat zdroj]

Po sobě jdoucí řádky záhlaví sloupců jsou fixované nahoře, proto nepřidávejte další řádky jiného záhlaví přímo pod záhlaví sloupců, které se nevztahují na celou tabulku, např. záhlaví oddílu, které má tabulku vizuálně rozdělovat.

Řešením může být přesunutí každého oddílu do sloupce nebo do samostatných tabulek, nebo přidání prázdného řádku datových buněk (viz | colspan=4 | v příkladu) mezi poslední řádek záhlaví sloupce a první řádek záhlaví oddílu, aby tento řádek nebyl zahrnut do po sobě jdoucích řádků záhlaví.

Nadpis
Barva Data
A B C
Oddíl 1
Červená 1 2 3
Zelená 4 5 6
Oddíl 2
Žlutá 7 8 9
Modrá 10 11 12
{{Sticky header}}
{| class="wikitable sortable sticky-header-multi"
|+ Nadpis
|-
! rowspan=2 | Barva
! colspan=3 | Data
|-
! A !! B !! C
|-
| colspan=4 |
|-
! colspan=4 | Oddíl 1
|-
| Červená  || 1 || 2 || 3
|-
| Zelená  || 4 || 5 || 6
|-
! colspan=4 | Oddíl 2
|-
| Žlutá  || 7 || 8 || 9
|-
| Modrá  || 10 || 11 || 12
|}

Víceřádkové záhlaví bez volitelného řazení

[editovat zdroj]

Ukázková tabulka je po úpravě převzata z článku Seznam GPU firmy AMD. V atributech tabulky je uvedeno class=sortable pro podporu viditelného (zafixovaného) víceřádkového záhlaví v horní části obrazovky, avšak všechny sloupce mají nastavení class=unsortable. Příklad ilustruje situaci, kdy se typ informací a dat v jednotlivých sloupcích velmi liší a nemá smysl je řadit podle abecedy nebo čísel.

Název čipu Vydáno Modely karet Část trhu Připojitelné rozhraní Čip Frekvence (MHz) Výkon
Fillrate
Paměťová část
Jednotky TMU ROP Čip Efektivní
Paměť
Paměť (MiB) Typ pamětí Propustnost (GB/s) Šířka sběrnice (bit)
Pixel Vertex Texture (GT/s) Pixel (GP/s)
RV410 Září 2004 X700 Nižší PCIe x16
AGP 8x
8 6 8 8 250
400
532
700
800
2
3,2
2
3,2
128
256
DDR
DDR2
GDDR3
8,5
11,2
12,8
128
2004 X700 SE PCIe x16 400 500 3,2 3,2 128
256
DDR 8
Září 2004 X700 Pro PCIe x16
AGP 8x
425 860 3,4 3,4 128
256
GDDR3 13,76
X700 XT Předváděcí vzorky PCIe x16 475 1050 3,8 3,8 128 GDDR3 16,8
R420 X800 VE Nejnižší AGP 8x 4 6 4 4 425 800 1,7 1,7 256 DDR
DDR2
GDDR3
25,6 256
X800 SE Nižší AGP 8x 8 6 8 8 425 800 3,4 3,4 256 GDDR3 25,6
2005 X800 GT Nižší AGP 8x 475 980 3,8 3,8 256 GDDR3 31,36
Listopad 2005 X800 GTO Střední AGP 8x 12 6 12 12 400 980 4,8 4,8 256 GDDR3 31,36
Květen 2004 X800 PRO
X800 PRO VIVO
AGP 8x 475 900 5,7 5,7 256 GDDR3 28,8
2004 X800 XT
X800 XT AIW
Vyšší AGP 8x 16 6 16 16 500 1000 8 8 256 GDDR3 32
2004 X800 XT PE AGP 8x 520 1120 8,32 8,32 256 GDDR3 35,84
R423 Září 2005 Radeon X800 GT 128 Nižší PCIe x16 8 6 8 8 390
475
700 3,128
3,8
3,128
3,8
128 DDR
GDDR3
22,4 256
Radeon X800 GTO 256 475 980 3,8 3,8 256 GDDR3 31,36
Listopad 2005 Radeon X800 GTO 128 Střední 12 6 12 12 400 700 4,8 4,8 128 DDR
GDDR3
22,4
Radeon X800 GTO 265 400 980 256 GDDR3 31,36
Květen 2004 X800 PRO
X800 PRO VIVO
Střední 12 6 12 12 475 900 5,7 5,7 256 GDDR3 28,8
2004 X800 XT
X800 XT VIVO
Střední 12 6 12 12 500 1000 8 8 256 GDDR3 32
X800 XT PE 520 1120 8,32 8,32 35,84
R430 Prosinec 2004 X800 Střední PCIe x16, AGP 8x 12 6 12 12 392 700 4,704 4,704 128
256
512
DDR 22,4 256
980 GDDR3 31,36
Listopad 2005 Radeon X800 GTO 128 PCIe x16 400 700 4,8 4,8 128 DDR 22,4
Září 2005 Radeon X800 GTO² 12 6 12 12 400 980 4,8 4,8 256 GDDR3 31,36
16 6 16 16 6,4 6,4
2005 Radeon X800 GTO-16 Vyšší 16 6 16 16 400 980 6,4 6,4 256 GDDR3 31,36
2004 Radeon X800 XL
Radeon X800 XT AIW
Nejvyšší 16 6 16 16 400 980 6,4 6,4 256 GDDR3 31,36
Prosinec 2004 Radeon X800 XL 1000 6,4 6,4 256
512
32
R480 Září 2005 Radeon X800 GT 128 Střední PCIe x16 8 6 8 8 392 700 3,132 3,132 128 DDR 22,4 256
475 3,8 3,8
Radeon X800 GT 256 8 6 8 8 475 980 3,8 3,8 256 GDDR3 31,36
Listopad 2005 Radeon X800 GTO 128 Vyšší 12 6 12 12 400 700 4,8 4,8 128 DDR 22,1
Radeon X800 GTO 256 980 256 GDDR3 31,36
2005 Radeon X800 GTO² Vyšší 12 6 12 12 400 980 4,8 4,8 256 GDDR3 31,36
16 6 16 16 6,4 6,4
Prosinec 2004 Radeon X850 PRO Vyšší 12 6 12 12 520 1080 6,24 6,24 256 GDDR3 34,56
Radeon X850 XT Nejvyšší 16 6 16 16 520 1080 8,32 8,32
Radeon X850 XT PE 16 6 16 16 540 1180 8,32 8,32 37,76
R481 Listopad 2005 X800 GTO Vyšší AGP 8x 12 6 12 12 400 980 4,8 4,8 256 GDDR3 31,36 256
2005 X850 PRO 520 1120 6,24 6,24 GDDR3 34,56
X850 XT Nejvyšší 16 6 16 16 8,32 8,32
X850 XT PE 540 1180 8,64 8,64 37,76

Související články

[editovat zdroj]