Edytujesz Użytkownik:Lukasvonbayern/Tabele (sekcja)

==== Metoda zagnieżdżania ====
Najprostszą metodą jest stworzenie nadrzędnej gołej tabeli bez formatowania (czyli bez „class="wikitable"”) składającej się tylko z jednego wiersza. W kolejnych komórkach tego wiersza umieszczamy normalne, wikipediowe tabele (czyli zawierające „class="wikitable"”), a najlepiej w co drugiej komórce, przeplatając to komórkami z odstępem (np. z &amp;nbsp;). Innymi słowy kilka tabel sformatowanych osadzamy w jednej tabeli niesformatowanej:
<source lang="text">
początek tabeli nadrzędnej:   {|
       komórka z 1. tabelą:   |
                              {| class="wikitable"
                              ...
                              |}
        komórka z odstępem:   | &nbsp;
       komórka z 2. tabelą:   |
                              {| class="wikitable"
                              ...
                              |}
koniec tabeli nadrzędnej:     |}
</source>

Osadzone tabele bez odstępów mają bardzo mały własny odstęp:
{|
|
{| class="wikitable"
|1||1
|-
|1||1
|}
|
{| class="wikitable"
|2||2
|-
|2||2
|}
|}

A tak jest po dodaniu komórki z odstępem (np. z &amp;nbsp;)
{|
|
{| class="wikitable"
| 1 || 1
|-
| 1 || 1
|}
| &nbsp;
|
{| class="wikitable"
| 2 || 2
|-
| 2 || 2
|}
|}

Metoda ta nie sprawdza się przy komórkach o różnej wysokości (a wysokość może się zmieniać w zależności od szerokości okna przeglądarki). Możemy wtedy uzyskać taki efekt:
{|
|
{| class="wikitable"
| inna<br />wysokość
|-
| inna<br />wysokość
|}
| &nbsp;
|
{| class="wikitable"
| inna<br />wysokość
|-
| inna&nbsp;wysokość
|}
| &nbsp;
|
{| class="wikitable"
| inna&nbsp;wysokość
|-
| inna<br />wysokość
|}
| &nbsp;
|
{| class="wikitable"
| inna&nbsp;wysokość
|-
| inna&nbsp;wysokość
|}
|}

Częściowo można poprawić wygląd poprzez justowanie do góry każdej komórki z osadzoną tabelą:
<source lang="text">
początek tabeli nadrzędnej:   {|
       komórka z 1. tabelą:   | style="vertical-align: top"|
                              {| class="wikitable"
                              ...
                              |}
        komórka z odstępem:   | &nbsp;
       komórka z 2. tabelą:   | style="vertical-align: top"|
                              {| class="wikitable"
                              ...
                              |}
koniec tabeli nadrzędnej:     |}
</source>

{|
| style="vertical-align: top"|
{| class="wikitable"
| inna<br />wysokość
|-
| inna<br />wysokość
|}
| &nbsp;
| style="vertical-align: top"|
{| class="wikitable"
| inna<br />wysokość
|-
| inna&nbsp;wysokość
|}
| &nbsp;
| style="vertical-align: top"|
{| class="wikitable"
| inna&nbsp;wysokość
|-
| inna<br />wysokość
|}
| &nbsp;
| style="vertical-align: top"|
{| class="wikitable"
| inna&nbsp;wysokość
|-
| inna&nbsp;wysokość
|}
|}

Metoda zagnieżdżania ma jeszcze jedną wadę – powiększa się nieco interlinia przed i po takiej tabeli:

Poniżej jedna tabela: zwykły odstęp ↓
{| class="wikitable"
!
!
|-
|
|
|-
|
|
|}
Poniżej tabele osadzone w tabeli: zwykły odstęp ↑, powiększony odstęp ↓
{|
|
{| class="wikitable"
!
!
|-
|
|
|-
|
|
|}
| &nbsp;
|
{| class="wikitable"
!
!
|-
|
|
|-
|
|
|}
|}
Nowy akapit: powiększony odstęp ↑