# Table Cell

## Usage

`<td>` wrapper that reads TableContext to apply density padding, font size, and divider borders when used inside Table.

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

## Props

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `align` | `'start' \| 'center' \| 'end'` | — | Alignment of the cell text. Left untouched, the cell uses the table's default alignment. |
| `colSpan` | `number` | — | How many columns the cell covers. |
| `rowSpan` | `number` | — | How many rows the cell covers. |
| `headers` | `string` | — | Ids of the header cells that describe this cell, so a screen reader can read the cell with its headers. |

## Slots

- `default`: the cell content.

## Native attributes

The root element is `<td>`. Every other attribute and event lands on it, so `class`, `style`, and `id` behave as they do on a plain table cell.