# 表格单元格

## 使用方法

`TableCell` 就是一个 `<td>`。放在 `Table` 里时，它会读父级表格的上下文，自动套上对应密度下的内边距、字号和分隔线。

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

## 属性

| 属性 | 类型 | 默认值 | 说明 |
| --- | --- | --- | --- |
| `align` | `'start' \| 'center' \| 'end'` | — | 单元格里文字的对齐方式。不传就跟随表格的默认对齐。 |
| `colSpan` | `number` | — | 这个单元格横着跨几列。 |
| `rowSpan` | `number` | — | 这个单元格竖着跨几行。 |
| `headers` | `string` | — | 描述这个单元格的表头单元格 id。读屏软件会连表头一起念出来。 |

## 插槽

- `default`：单元格里的内容。

## 原生属性

根元素为 `<td>`。`class`、`style`、`id` 等其余属性和事件都直接落在它上面，用法和普通表格单元格一样。