> ## Documentation Index
> Fetch the complete documentation index at: https://docs.pads4.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Header properties

The **header** is the **topmost section** of the table element, typically used to display **titles, column headers, or dynamic data like the current date/time**. These properties allow you to customize the **header’s visibility, content, and size adjustments**.

***

## **Header Settings**

### **Show Header**

* Enable or disable the **visibility** of the table header.

### **Edit Header Content**

* Allows full customization of the header by adding **page elements**.
* Elements can include **text, images, formatted date/time, and data from external sources**.

#### **To edit the header:**

1. Click **Edit** to open the **Edit Header** window.
2. Add and configure **page elements** as needed.
3. Click **Close** in the File menu.
4. Confirm changes by clicking **Yes**.
5. Apply changes by selecting **OK** or **Apply** in the table properties window.

### **Automatic Shrink/Grow**

* **Automatically adjusts** the header height based on its content.
* Ensures that **variable-sized elements** (e.g., auto-sized text) do not cause overflow or blank spaces.

***

## **Behavior & Remarks**

* **Editing the header** functions like designing a standard page but **excludes nested table elements**.
* **Page properties** are replaced with **Header properties**, allowing customization of **background color and height**.
* The **header width** is automatically set to match the **table element width**.

### **Automatic Shrink/Grow Details**

* The system **adjusts header height dynamically** based on the bottommost visible element.
* If an element **resizes or disappears**, the header **shrinks or grows accordingly**.
* If **all elements in the header become invisible**, the **entire header disappears**.
* The header’s size adjustments **impact the table body’s layout** depending on its height settings.

***

### **Use Cases**

* Display **real-time data** (e.g., a timestamp that updates dynamically).
* Create a **responsive header** that **shrinks when content is hidden** (e.g., conditional column headers).
* Add a **branding section** with **logos and static text** at the top of a **data-driven table**.