# Table Header Cell

## Usage

`<th>` wrapper that reads TableContext to apply density padding, semibold weight, secondary text color, and divider borders when used inside Table.

```ts
import { TableHeaderCell } from '@astryx-vue/core/Table'
```

## Props

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `align` | `'start' \| 'center' \| 'end'` | — | Alignment of the header text. Left untouched, the cell uses the table's default alignment. |
| `colSpan` | `number` | — | How many columns the header cell covers. |
| `rowSpan` | `number` | — | How many rows the header cell covers. |

## Slots

- `default`: the header cell content.

## Attributes

The rest of the attributes land on the `<th>`, so `class`, `style`, and `id` work as they do on a plain header cell. The rendered element always carries `scope="col"`, which is what lets a screen reader tie each column's cells to this header.