Edytujesz Użytkownik:Lukasvonbayern/Tabele (sekcja)

=== Zwijanie/rozwijanie tabeli ===
Tabele można zdefiniować jako zwijalne (lub inaczej ukrywające zawartość) z użyciem klasy css "collapsible". Domyślnie klasa ta przy pierwszym wywołaniu strony z daną tabelę wyświetla ja jako rozwiniętą. Można wymusić, aby przy pierwszym wyświetleniu tabela była zwinięta – należy w tym celu użyć kolejnej klasy "collapsed". Użycie obu klas ma jedno uwarunkowanie – funkcjonują prawidłowo tylko wtedy, gdy w definicji tabeli jest zdefiniowany wiersz nagłówkowy, w którym umieszczony jest przełączalny przycisk "Pokaż/Ukryj". Brak wiersza nagłówkowego powoduje niedziałanie obu klas i tabela jest wyświetlana bez ich funkcjonalności (nie jest zwijalna). Ponadto wg stanu na listopad 2017 r. w trybie edycji kodu źródłowego na podglądzie dana tabela nie ma dostępnej funkcji zwijania/rozwijania, ale po zapisaniu zmian funkcja ta jest dostępna.

Należy pamiętać, że w przypadku gdy tabela ma więcej niż jedną kolumnę, to wiersz nagłówkowy powinien być rozciągnięty na daną liczbę kolumn, czyli jeśli tabela ma trzy kolumny, to definicja wiersza nagłówkowego powinna być następująca<br /> <code>! colspan=3 | Nagłówek zwijalnej tabeli</code><br /> – w przeciwnym przypadku nagłówek z przyciskiem będzie się rozciągał tylko na pierwszą kolumnę. Ponadto gdy w wielokolumnowej tabeli zdefiniujemy tyle samo nagłówków ile jest kolumn, to przycisk "Pokaż/Ukryj" będzie umieszczony w nagłówku (komórce) pierwszej kolumny.

Poniższy kod:
<pre>
{| class="wikitable collapsible collapsed" style="text-align: center"
! Nagłówek zwijalnej tabeli
|-
|Zwijalna
|-
|zawartość
|}
</pre>
daje w rezultacie tabelę zwijaną/rozwijaną w postaci zwiniętej przy pierwszym wyświetleniu:
{| class="wikitable collapsible collapsed" style="text-align: center"
! Nagłówek zwijalnej tabeli
|-
|Zwijalna
|-
|zawartość
|}

Inną klasą oferującą ww. funkcje jest "mw-collapsible". Można jej używać z klasą "mw-collapsed". Klasa "mw-collapsible" różni się od klasy "collapsible" tym, że:
* przełączane przyciski mają nazwy "zwiń/rozwiń"
* nie wymaga zdefiniowania w tabeli wiersza nagłówkowego – przy jego braku przycisk "zwiń/rozwiń" jest umieszczany w ostatniej komórce pierwszego wiersza
* działa też na podglądzie w trybie edycji kodu źródłowego
* zdefiniowanie dla tabeli wielokolumnowej tyle samo nagłówków ile jest kolumn spowoduje umieszczenie przycisku "zwiń/rozwiń" w nagłówku (komórce) ostatniej kolumny

Poniższy kod obrazuje przypadek wyżej wymieniony (kod <code>&amp;nbsp;</code> w ostatnim nagłówku jest dodany do wymuszenia odstępu przed przyciskiem w postaci zwiniętej):
<pre>
{| class="wikitable mw-collapsible mw-collapsed" style="text-align: center"
! Nagłówek zwijalnej
! tabeli&amp;nbsp;
|-
| Zwijalna
| tabela
|-
| z klasą
| "mw-collapsible"
|}
</pre>
i daje w rezultacie poniższą tabelę zwijaną/rozwijaną:
{| class="wikitable mw-collapsible mw-collapsed" style="text-align: center"
! Nagłówek zwijalnej

! tabeli&nbsp;
|-
| Zwijalna

| tabela
|-
| z klasą

| "mw-collapsible"
|}