Finalmente col nuovo sito sono riuscito ad integrare una funzione che permette di creare le tabelle zebrate senza dove dare lo stile ad ogni singola riga, ma vediamo un po' come procedere alla creazione di una tabella formattata assegnandogli la classe class="golarion-table" che è quella predefinita per tutto il sito:

{| class="glarion-table" width="100%"
|-
| 1
| 2
|-
| 1
| 2
|-
| 1
| 2
|}

Ecco come appare

ora cominciamo a personalizzarla, per prima cosa diamo un colore personalizzato alla riga dei titoli e mettiamoli in evidenza:

{| class="golarion-table" width="100%"
|- class="golarion-first-row"
 ! '''1'''
 ! '''2'''
|-
| 1
| 2
|-
| 1
| 2
|}

Esaminiamo le differenze: Nella riga dei titoli è stato aggiunto il richiamo class="golarion-first-row" che la colora e formatta adeguatamente

Nota Bene: nella riga dei titoli da ora innanzi andrà usato il punto esclamativo ! anzichè la barra verticale | per aprire le celle, è una specifica della nuova versione del sito e, anche se in linea di massima le tabelle funzioneranno lo stesso, l'errata applicazione di questo accorgimento non permetterà il funzionamento delle funzioni automatiche come l'ordinamento e il filtraggio (indispensabili nelle tabelle complesse come ad esempio i database)

Infine abbiamo reso in grassetto '''Parola''' i titoli in modo da renderli più evidenti rispetto al resto dei contenuti della tabella

Ma veniamo ora alle funzioni speciali:

• assegnando la classe class="wikitable sortable" alla tabella, creeremo un sistema di ordinamento automatico, da notare che questa classe va a sostituire class="golarion-table" che è quella predefinita per tutte le tabelle del sito:

• Assegnando il seguente codice: id="wiki_table_zebra", la tabella verrà colorata a righe alterne

• Invece assegnando il seguente codice: id="wiki_table_filter", la tabella diverrà filtrabile e verrà colorata a righe alterne

Nota Bene: ogni tabella può avere un solo elemento id, quindi bisogna assegnare solo uno dei due esempi sopra riportati.