Handleiding werken met tabellen

Uit KolonieWiki
Naar navigatie springen Naar zoeken springen

In KolonieWiki kunnen zowel HTML-tabellen als wiki-tabellen gebruikt worden.

Alle informatie over HTML-tabellen: https://www.w3schools.com/html/html_tables.asp

Alle informatie over wiki-tabellen: https://nl.wikipedia.org/wiki/Help:Gebruik_van_tabellen

Wiki-tabel[bewerken | brontekst bewerken]

Wiki-tabellen hebben een paar voordelen:

  • ze zien er verzorgd en degelijk uit;
  • ze kunnen worden samengevouwen (waar op KolonieWiki veelvuldig gebruik van wordt gemaakt);
  • ze kunnen gegevens sorteren.

Maar als de eigenschappen van cellen, rijen en kolommen moeten worden ingesteld, inclusief (kleur)achtergronden, als er cellen, rijen of kolommen leeggemaakt moeten worden, is het net alsof je met een blokkendoos het paleis op de Dam wilt nabouwen.

Een rij erbij plaatsen.[bewerken | brontekst bewerken]

Een rij in een tabel erbij plaatsen:

  • Doe 'Bewerken'
  • Klik op de plek in de tabel waarboven of waaronder u een rij bij wilt plaatsen
  • Klik op het pijltje dat links verschijnt
  • Klik op 'Hierboven' invoegen' of 'Hieronder invoegen' om een rij in te voegen.

Een kolom erbij plaatsen.[bewerken | brontekst bewerken]

  • Doe 'Bewerken'
  • Klik bovenin de tabel op de plek waarvóór of waarna u een rij bij wilt plaatsen
  • Klik op het pijltje dat boven verschijnt
  • Klik op 'Hiervoor invoegen' of 'Hierna invoegen' om een kolom in te voegen.

Een rij verwijderen[bewerken | brontekst bewerken]

  • Doe 'Bewerken'
  • Klik op de plek in de tabel waar u een rij wilt verwijderen
  • Klik op het pijltje dat links verschijnt
  • Klik op 'Rij verwijderen'

Door meerdere rijen te selecteren kunnen ook meerdere rijen tegelijk verwijderd worden.

Een kolom verwijderen[bewerken | brontekst bewerken]

  • Doe 'Bewerken'
  • Klik bovenaan in de tabel op de kolom die u wilt verwijderen
  • Klik op het pijltje dat bovenaan verschijnt
  • Klik op 'Kolom verwijderen'

Converteren van HTML naar wiki[bewerken | brontekst bewerken]

Het bewerken van tabellen is in een HTML-editoe als bijvoorbeeld Seamonkey oneindig veel makkelijker dan in wiki. Eigenschappen van cellen, rijen en kolommen instellen, inclusief (kleur)achtergronden, cellen, rijen of kolommen leegmaken, is bij Seamonkey één klik en bij wiki-table is het een hoofdpijndossier.

Een HTML-tabel kun je gewoon inplakken in het broncodescherm. Het programma begint er dan wel wat eigen termen als tbody voor te zetten, maar die kun je in het visuele scherm makkelijk verwijderen en die komen dan niet terug.

Echter hebben wikitabellen ook leuke dingen. Zoals het in- en uitklapbaar zijn en de mogelijkheid te sorteren.

Daarom maak ik HTML-tabellen in Seamonkey en maak er daarna een wikitabel van. Als volgt:

  • Zoek <table> en vervang door {| class="wikitable", maar zie ook onder
  • Zoek </table> en vervang door |}
  • Zoek <th> en vervang allemaal door ! (= een uitroepteken, geen streep)
  • Zoek <tr> en vervang allemaal door |-
  • Zoek <td> en vervang allemaal door |, maar zie ook onder
  • Zoek </th>, </tr> en </td> en vervang door ... helemaal niets, want die zijn in wikitable niet nodig.

Klaar.

Nouja, de spaties waar HTML zich altijd niets van aantrekt, storen wiki wel dus die moeten er nog tussenuit gehaald.


Staan er waarden achter <table of <td, bijvoorbeeld <table width="90%" cellspacing="3" cellpadding="4" border="1"> of

<td width="35%" valign="top" align="left"> dan wordt het lastiger.

Doe eerst de vervangingen als hier boven, met twee afwijkingen:

Vervang niet <table> maar <table (dus zonder >) en vervang niet <td> maar <td

Daarna moet er handwerk in het broncodescherm verricht worden, want width="35%" in HTML, wordt in wiki geschreven als style="width:35%;", enzovoort.