Brontekst bekijken van Help:Tabellen

Zie ook [[:Categorie:Help]] <br/>

Tabellen zijn op verschillende manieren op te bouwen in Berghapedia. We gaan enkelen hier beschrijven met daarbij de voor en nadelen van het geheel.

===Eenvoudige kolommen===
Wanneer er veel waarden in een lange lijst staan is het vaak zinvol om deze in kolommen naast elkaar te zetten.<br/>
Ik heb  4 waarden die ik 2 aan 2 wil tonen

<tt> {| class="wikitable" </tt><br/>
<tt> | valign=top width=225 | </tt><br/>
<tt> * 123  </tt><br/>
<tt> * 321   </tt><br/>
<tt> | valign=top width=225 | </tt><br/>
<tt> * 678  </tt><br/>
<tt> * 987  </tt><br/>
<tt> |} </tt><br/>
<br>
Het resultaat is dan 2 kolommen: <br>
{|| class="wikitable"
| valign=top width=225 |
* 123
* 321 
| valign=top width=225 |
* 678
* 987
|}

De aanpasbare gegevens zijn:
*Aantal kolommen. Dit is aan te passen door er een | valign=top width=225 | tussen te zetten
*Kolombreedte. Dit is nu 225 pixels (achter 'valign')

Voorbeeld 3 kolonmmen <br>
<tt> {| class="wikitable" </tt><br/>
<tt> | valign=top width=200 | </tt><br/>
<tt> * 123  </tt><br/>
<tt> * 321   </tt><br/>
<tt> | valign=top width=200 | </tt><br/>
<tt> * 678  </tt><br/>
<tt> * 987  </tt><br/>
<tt> | valign=top width=200 | </tt><br/>
<tt> * 1234  </tt><br/>
<tt> * 4321  </tt><br/>
<tt> |} </tt><br/>
<br>
Het resultaat is dan 3 kolommen: <br>
{|| class="wikitable"
| valign=top width=200 |
* 123
* 321 
| valign=top width=200 |
* 678
* 987
| valign=top width=200 |
* 1234
* 4321
|}

De aanpasbare gegevens zijn:
*Aantal kolommen. Dit is aan te passen door er een | valign=top width=200 | tussen te zetten
*Kolombreedte. Dit is nu 200 pixels (achter 'valign')

===Tabellen===
Soms is het noodzakelijk om een echte tabel op te stellen, zo iets al een Excel overzicht.
Ook hiervoor is een mechanisme beschikbaar dat echter wel iets meer aandacht vraagt dan de simpele lijst. <br>
==== variant 1====
Wat wil ik zien:
* 3 kolommen met een kop
* Per kolom 2 waarden (de kop niet meegeteld)
<br>
De standaard manier van registratie is wat onoverzichtelijk, alles onder elkaar: <br>
<tt> {| class="wikitable" </tt> <br>
<tt> |- </tt> <br>
<tt>! Kop_1 </tt> <br>
<tt>! Kop_2 </tt> <br>
<tt>! Kop_3 </tt> <br>
<tt> |- </tt> <br>
<tt> | A1 </tt> <br>
<tt> | B1 </tt> <br>
<tt> | C1 </tt> <br>
<tt> |- </tt> <br>
<tt> | A2 </tt> <br>
<tt> | B2 </tt> <br>
<tt> | C3 </tt> <br>
<tt> |} </tt> <br>
<br>

Dit geeft als weergave: <br>
{| class="wikitable"
|-
! Kop_1
! Kop_2
! Kop_3
|-
| A1
| B1
| C1
|-
| A2
| B2
| B2
|}
<br>

====variant 2 ====
Een andere manier van registreren vind ik wat overzichtelijker, maar heeft wel meer tekens nodig: <br>

<tt> {| class="wikitable"</tt> <br>
<tt> |-</tt> <br>
<tt>! Kop_1</tt> <br>
<tt>! Kop_2</tt> <br>
<tt>! Kop_3</tt> <br>
<tt> |-</tt> <br>
<tt> | A1 || B1 || C1</tt> <br>
<tt> |-</tt> <br>
<tt> | A2 || B2 || B3</tt> <br>
<tt> |}</tt> <br>
<br>

Dit geeft als (dezelfde) weergave: <br>
{| class="wikitable"
|-
! Kop_1
! Kop_2
! Kop_3
|-
| A1 || B1 || C1
|-
| A2 || B2 || B3
|}
<br>
==== variant 3 ====
Om nu nog meer grip te hebben op de tabel is het mogelijk om de breedte per kolom aan te passen. In dit voorbeeld 50, 100 en 150 pixels.<br>
In de regel waar de kop staan ( !kop_1) voeg je de breedte (width=) toe met de gewenste waarde (150) en een extra pipe (|): <br>
<tt> {| class="wikitable"</tt> <br>
<tt> |-</tt> <br>
<tt>! width=50 | Kop_1</tt> <br>
<tt>! width=100 | Kop_2</tt> <br>
<tt>! width=150 | Kop_3</tt> <br>
<tt> |-</tt> <br>
<tt> | A1 || B1 || C1</tt> <br>
<tt> |-</tt> <br>
<tt> | A2 || B2 || B2</tt> <br>
<tt> |}</tt> <br>
<br>

Dit geeft als weergave: <br>
{| class="wikitable"
|-
! width=50 | Kop_1
! width=100 | Kop_2
! width=150 | Kop_3
|-
| A1 || B1 || C1
|-
| A2 || B2 || B2
|}
<br>

Andere opties:
* Toevoegen van een kopregel door op de 2de regel een <code>|+</code>  te plaatsen en daarachter de tabelkop <code> Dit is de tabelkop </code>  
* breedte van de tabel specificeren door achter de eerste regel bijv <code>style=width:50%</code> toe te voegen

Voorbeeld kopregel en tabelbreedte van 50% <br>
<tt> {| class="wikitable" style=width:50%</tt> <br>
<tt> |+ Dit is de tabelkop</tt> <br>
<tt> |-</tt> <br>
<tt>! Kop_1</tt> <br>
<tt>! Kop_2</tt> <br>
<tt>! Kop_3</tt> <br>
<tt> |-</tt> <br>
<tt> | A1 || B1 || C1</tt> <br>
<tt> |-</tt> <br>
<tt> | A2 || B2 || B3</tt> <br>
<tt> |}</tt> <br>
<br>
<br>
Dit geeft als weergave: <br>
{| class="wikitable" style=width:50%
|+ Dit is de tabelkop
|-
! Kop_1
! Kop_2
! Kop_3
|-
| A1 || B1 || C1
|-
| A2 || B2 || B3
|}
<br>

===Bronnen===
*[https://en.wikipedia.org/wiki/Help:Table Wikipedia]

[[Categorie:Help]]