Bijdragen aan Berghapedia? Klik hier om je aan te melden !

Help:Tabellen: verschil tussen versies

Uit Berghapedia
Ga naar: navigatie, zoeken
k (variant 2)
k (variant 3)
 
Regel 172: Regel 172:
 
<tt> | A1 || B1 || C1</tt> <br>
 
<tt> | A1 || B1 || C1</tt> <br>
 
<tt> |-</tt> <br>
 
<tt> |-</tt> <br>
<tt> | A2 || B2 || B3</tt> <br>
+
<tt> | A2 || B2 || C2</tt> <br>
 
<tt> |}</tt> <br>
 
<tt> |}</tt> <br>
 
<br>
 
<br>
Regel 186: Regel 186:
 
| A1 || B1 || C1
 
| A1 || B1 || C1
 
|-
 
|-
| A2 || B2 || B3
+
| A2 || B2 || C2
 
|}
 
|}
 
<br>
 
<br>

Huidige versie van 10 nov 2024 om 16:47

Zie ook Categorie:Help

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.
Ik heb 4 waarden die ik 2 aan 2 wil tonen

{| class="wikitable"
| valign=top width=225 |
* 123
* 321
| valign=top width=225 |
* 678
* 987
|}

Het resultaat is dan 2 kolommen:

  • 123
  • 321
  • 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
{| class="wikitable"
| valign=top width=200 |
* 123
* 321
| valign=top width=200 |
* 678
* 987
| valign=top width=200 |
* 1234
* 4321
|}

Het resultaat is dan 3 kolommen:

  • 123
  • 321
  • 678
  • 987
  • 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.

variant 1

Wat wil ik zien:

  • 3 kolommen met een kop
  • Per kolom 2 waarden (de kop niet meegeteld)


De standaard manier van registratie is wat onoverzichtelijk, alles onder elkaar:
{| class="wikitable"
|-
! Kop_1
! Kop_2
! Kop_3
|-
| A1
| B1
| C1
|-
| A2
| B2
| C3
|}

Dit geeft als weergave:

Kop_1 Kop_2 Kop_3
A1 B1 C1
A2 B2 B2


variant 2

Een andere manier van registreren vind ik wat overzichtelijker, maar heeft wel meer tekens nodig:

{| class="wikitable"
|-
! Kop_1
! Kop_2
! Kop_3
|-
| A1 || B1 || C1
|-
| A2 || B2 || C2
|}

Dit geeft als (dezelfde) weergave:

Kop_1 Kop_2 Kop_3
A1 B1 C1
A2 B2 C2


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.
In de regel waar de kop staan ( !kop_1) voeg je de breedte (width=) toe met de gewenste waarde (150) en een extra pipe (|):
{| class="wikitable"
|-
! width=50 | Kop_1
! width=100 | Kop_2
! width=150 | Kop_3
|-
| A1 || B1 || C1
|-
| A2 || B2 || B2
|}

Dit geeft als weergave:

Kop_1 Kop_2 Kop_3
A1 B1 C1
A2 B2 B2


Andere opties:

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

Voorbeeld kopregel en tabelbreedte van 50%
{| class="wikitable" style=width:50%
|+ Dit is de tabelkop
|-
! Kop_1
! Kop_2
! Kop_3
|-
| A1 || B1 || C1
|-
| A2 || B2 || C2
|}


Dit geeft als weergave:

Dit is de tabelkop
Kop_1 Kop_2 Kop_3
A1 B1 C1
A2 B2 C2


Bronnen