---
title: "Wie man die Farbe des Tabellenkopfes ändert"
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-22T08:43:25Z
published: 2026-06-22T08:43:25Z
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.

# Wie man die Farbe des Tabellenkopfes ändert

Standardmäßig verwenden die Tabellenüberschriften auf der Knowledge Base-Seite eine neutrale Hintergrundfarbe. Du kannst dies mit Custom CSS auf jede beliebige Farbe ändern, um die Header-Sichtbarkeit zu verbessern, deine Marke anzupassen oder Tabellen leichter zu scannen. Die Änderung gilt global für alle Tabellen auf der Website.

---

## Wann sollte man eine benutzerdefinierte Tabellenkopffarbe verwenden

- **Verbesserung der Scannbarkeit**: Eine deutliche Kopffarbe macht sofort klar, welche Zeile Spaltenbeschriftungen enthält, besonders in dichten oder breiten Tabellen.
- **Markenausrichtung**: Passen Sie die Headerfarbe an die Primär- oder Sekundärfarbe Ihres Produkts ab, um eine ausgefeiltere, markenbezogene Wissensbasis zu erhalten.
- **Barrierefreiheitskontrast:** Wählen Sie eine Farbe mit ausreichendem Kontrast zu Ihrem Kopftext, um die Lesbarkeitsstandards zu erfüllen.

 HINWEIS

Diese CSS-Änderung gilt für **alle Tabellen** auf Ihrer Knowledge Base-Website. Es ist nicht möglich, einzelne Tabellen mit dieser Methode gezielt anzuvisieren.

---

## Kurze Referenz

Verwenden Sie den Ausschnitt für Ihre Knowledge Base-Website-Version. Ersetze den Farbwert durch deinen gewünschten Hex-Code oder CSS-Farbnamen.

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

---

## Wie man die Farbe der Tabellenkopfzeile ändert

1. Im Knowledge Base-Portal gehen Sie zu **Einstellungen** > **Knowledge Base-Seite** > **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. Wähle den **CSS-Tab** und füge den Ausschnitt für deine Knowledge Base-Version aus der obigen Schnellreferenz ein.
2. Ersetzen Sie den Farbwert durch Ihre gewünschte Farbe, verwenden Sie einen Hex-Code (zum Beispiel `#1a73e8`) oder einen CSS-Farbnamen (zum Beispiel `steelblue`).
3. Klicken **Sie auf Speichern**.

![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)

---

## Ergebnis

### Vorher

![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)

### Danach

Nach dem Speichern des CSS ändert sich der Hintergrund des Tabellenkopfes auf die angegebene Farbe. In diesem Beispiel ist der Header auf `#70db70` (grün) gesetzt.

![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)