# 表头单元格

## 使用方法

`<th>` 的包装组件。放在 `Table` 里时，它会读取表格上下文，套上对应密度下的内边距、半粗字重、次要文字颜色和分隔边框。

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

## 属性

| 属性 | 类型 | 默认值 | 说明 |
| --- | --- | --- | --- |
| `align` | `'start' \| 'center' \| 'end'` | — | 表头文字的对齐方式。不传就跟随表格的默认对齐。 |
| `colSpan` | `number` | — | 这个表头单元格横着跨几列。 |
| `rowSpan` | `number` | — | 这个表头单元格竖着跨几行。 |

## 插槽

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

## 其它属性

其余属性和事件直接落在 `<th>` 上，所以 `class`、`style`、`id` 的用法和普通表头单元格一样。渲染出来的元素固定带 `scope="col"`，读屏软件靠它把每一列的数据单元格挂到这个表头上。