---
title: "Hoe verander je de kleur van de tabelkop"
slug: "how-to-change-the-color-of-the-table-header"
description: "In Document360, You can change the table header color to increase the visibility of the header row. "
tags: ["Customization"]
updated: 2026-06-22T09:03:37Z
published: 2026-06-22T09:03:37Z
canonical: "docs.document360.com/how-to-change-the-color-of-the-table-header"
---

> ## 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 verander je de kleur van de tabelkop

Standaard gebruiken tabelkoppen op de Knowledge Base-site een neutrale achtergrondkleur. Je kunt dit veranderen naar elke kleur met Custom CSS om de zichtbaarheid van headers te verbeteren, je merk te matchen of tabellen makkelijker te scannen te maken. De wijziging geldt wereldwijd voor alle tabellen op de site.

---

## Wanneer gebruik je een aangepaste tabelheaderkleur

- **Verbeter de scanbaarheid**: een duidelijke kopkleur maakt direct duidelijk welke rij kolomlabels bevat, vooral in dichte of brede tabellen.
- **Merkuitlijning**: stem de kopkleur af met de primaire of secundaire kleur van je product voor een meer gepolijste, brand-on-brand kennisbasis.
- **Toegankelijkheidscontrast**: kies een kleur met voldoende contrast ten opzichte van je koptekst om aan de leesbaarheidsnormen te voldoen.

 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

Gebruik het fragment voor je Knowledge Base-siteversie. Vervang de kleurwaarde door de gewenste hexcode of CSS-kleurnaam.

```
.editor360-table th {
    background-color: green !important; /* Change the colour based on your requirement. */
}
```

---

## Hoe de kleur van de tabelkop te veranderen

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 fragment van je Knowledge Base-siteversie vanuit de snelle referentie hierboven.
2. Vervang de kleurwaarde door de gewenste kleur, gebruik een hexcode (bijvoorbeeld `#1a73e8`) of een CSS-kleurnaam (bijvoorbeeld `steelblue`).
3. Klik **op Opslaan**.

![Custom CSS editor showing the table header color CSS snippet pasted in the CSS tab with the Save button visible.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1766927574932.png)

---

## Uitkomst

### Voorheen

![Knowledge Base site table showing the default neutral table header background color.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/2_Screenshot-Before_table%20header_color.png)

### Na

Na het opslaan van de CSS verandert de achtergrond van de tabelkop naar de opgegeven kleur. In dit voorbeeld is de header ingesteld op `#70db70` (groen).

![Knowledge Base site table showing a green header row background colour applied using Custom CSS.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/3_Screenshot-After_table%20header_color.png)