--- title: "Hoe je de inhoud van tabellen verticaal uitlijnt bovenaan in de kennisbank" slug: "how-to-vertically-align-table-contents-at-the-top-in-the-knowledge-base" updated: 2026-06-22T09:03:37Z published: 2026-06-22T09:03:37Z canonical: "docs.document360.com/how-to-vertically-align-table-contents-at-the-top-in-the-knowledge-base" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.document360.com/llms.txt > Use this file to discover all available pages before exploring further. # Hoe je de inhoud van tabellen verticaal uitlijnt bovenaan in de kennisbank Standaard is de inhoud van de tabelcel op de Knowledge Base-site verticaal gecentreerd. Als je liever hebt dat content uitlijnt met de bovenkant van elke cel, wat over het algemeen makkelijker te lezen is in tabellen met inhoud met meerdere regels, kun je dit overschrijven met Custom CSS. De wijziging geldt wereldwijd voor alle tabellen op de site. --- ## Wanneer te gebruiken van aangepaste verticale uitlijning - **Meerlijnige celinhoud**: wanneer cellen opsommingslijsten, alinea's of meerdere regels tekst bevatten, maakt top-uitlijning rijen makkelijker te scannen omdat alle inhoud op dezelfde visuele basislijn begint. - **Gemengde rijen**: in tabellen waar sommige cellen kort zijn en andere hoog, voorkomt top-uitlijning dat korte inhoud in het midden van een grote cel lijkt te zweven. - **Een ontwerpstandaard matchen**: top-uitlijning is de meest voorkomende conventie voor datatabellen in documentatie en productinterfaces. OPMERKING Deze CSS-wijziging geldt voor **alle tabellen** op je Knowledge Base-site. Het is niet mogelijk om individuele tabellen met deze methode te targeten. --- ## Snelle referentie Om de verticale uitlijning te veranderen, vervang `top` met `middle` of `bottom` indien nodig. ``` table td, table th, table tr {    vertical-align: top !important; } ``` | Waarde | Effect | | --- | --- | | `top` | Inhoud wordt uitgelijnd met de bovenkant van elke cel | | `middle` | Centreert de inhoud verticaal (standaard) | | `bottom` | Inhoud uitlijnt met de onderkant van elke cel | --- ## Hoe verander je de verticale uitlijning van de tabel 1. Ga in het Knowledge Base-portaal naar **Instellingen** > **Knowledge Base-site** > **Custom CSS & JavaScript**. ![Knowledge base site settings page showing the Custom CSS and JavaScript option in the left navigation.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Custom%20css%20&%20js.png) 1. Selecteer het **CSS-tabblad** en plak het volgende fragment: ``` table td, table th, table tr {    vertical-align: top !important; } ``` 1. Vervang `top` indien nodig met de gewenste uitlijningswaarde, zie de referentietabel hierboven. 2. Klik **op Opslaan**. ![Custom CSS editor showing the vertical-align top snippet pasted in the CSS tab with the Save button visible.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1766926510813.png) --- ## Uitkomst ### Voorheen ![Knowledge Base site table showing the default vertical centre alignment with content floating in the middle of tall cells.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/1_Screenshot-Before_adding_code.png) ### Na ![Knowledge Base site table showing top vertical alignment applied, with all cell content starting at the top of each row.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/2_Screenshot-After_adding_code.png)