---
url: "https://vueda.dev/v3/reference/theming/keys/ObjectsGridTableHeader.md"
title: "ObjectsGridTableHeader"
---

# ObjectsGridTableHeader

Source: `client/lib/theme/vueda-tailwind/objects-grid/index.js`

> The header content wrapper. It lays out the label and the numeric-column reversal used when the parent header cell carries `data-numeric`.

Vue component: [ObjectsGridTableHeader](/v3/reference/api/vue/ObjectsGridTableHeader.md)

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/ObjectsGridTableHeader.md#theme-key-ObjectsGridTableHeader-root) | 5 classes | The header content wrapper. It lays out the label and the numeric-column reversal used when the parent header cell carries `data-numeric`. |
| [label](/v3/reference/theming/keys/ObjectsGridTableHeader.md#theme-key-ObjectsGridTableHeader-label) |  | The header label text slot. It remains unstyled by default so field-specific header slots can inherit the surrounding table header rhythm. |

<a id="theme-key-ObjectsGridTableHeader-root"></a>

## root

> The header content wrapper. It lays out the label and the numeric-column reversal used when the parent header cell carries `data-numeric`.

Default classes:

```text
flex
items-end
justify-between
py-1 px-2
[[data-numeric]_&]:flex-row-reverse
```

Source: `client/lib/theme/vueda-tailwind/objects-grid/ObjectsGridTableHeader.theme.js:19`

<a id="theme-key-ObjectsGridTableHeader-label"></a>

## label

> The header label text slot. It remains unstyled by default so field-specific header slots can inherit the surrounding table header rhythm.

Source: `client/lib/theme/vueda-tailwind/objects-grid/ObjectsGridTableHeader.theme.js:23`