# @askrjs/ui/table

> Published API exports for @askrjs/ui/table.

Source: [https://askrjs.com/docs/reference/api/ui/table](https://askrjs.com/docs/reference/api/ui/table)

Status: stable. Packages: @askrjs/ui/table.

**Published packages are authoritative.** Examples may lag behind a published contract. When guidance differs, verify the exports and TypeScript declarations in your installed package, then file an issue.

## Exports

This entrypoint publishes 24 exports from the declarations shipped by @askrjs/ui.

### `Table`

```ts
Table: { (props: TableProps): JSX.Element; (props: TableAsChildProps): JSX.Element; }
```

Semantic table primitive family.
Renders a part of `table`.

Supports polymorphic rendering via `asChild`.

### `TableAsChildProps`

```ts
TableAsChildProps: TableAsChildBaseProps
```

Props for the `asChild` (polymorphic) rendering of Table.

- `asChild`: asChild: true;

- `children`: children: JSXElement;

- `ref`: ref?: Ref<Element>;

### `TableBody`

```ts
TableBody: { (props: TableBodyProps): JSX.Element; (props: TableBodyAsChildProps): JSX.Element; }
```

Renders a part of `table`.

Supports polymorphic rendering via `asChild`.

### `TableBodyAsChildProps`

```ts
TableBodyAsChildProps: TableAsChildBaseProps
```

Props for the `asChild` (polymorphic) rendering of Table Body.

- `asChild`: asChild: true;

- `children`: children: JSXElement;

- `ref`: ref?: Ref<Element>;

### `TableBodyProps`

```ts
TableBodyProps: TableNativeProps<'tbody', HTMLTableSectionElement> | TableBodyAsChildProps
```

Props for Table Body.

- `asChild`: asChild?: boolean | undefined;

- `children`: children?: unknown;

- `ref`: ref?: ((value: Element | null) => void) | { current: Element | null; } | ((value: HTMLTableSectionElement | null) => void) | { current: HTMLTableSectionElement | null; } | null | undefined;

### `TableCaption`

```ts
TableCaption: { (props: TableCaptionProps): JSX.Element; (props: TableCaptionAsChildProps): JSX.Element; }
```

Renders a part of `table`.

Supports polymorphic rendering via `asChild`.

### `TableCaptionAsChildProps`

```ts
TableCaptionAsChildProps: TableAsChildBaseProps
```

Props for the `asChild` (polymorphic) rendering of Table Caption.

- `asChild`: asChild: true;

- `children`: children: JSXElement;

- `ref`: ref?: Ref<Element>;

### `TableCaptionProps`

```ts
TableCaptionProps: TableNativeProps<'caption', HTMLTableCaptionElement> | TableCaptionAsChildProps
```

Props for Table Caption.

- `asChild`: asChild?: boolean | undefined;

- `children`: children?: unknown;

- `ref`: ref?: ((value: Element | null) => void) | { current: Element | null; } | ((value: HTMLTableCaptionElement | null) => void) | { current: HTMLTableCaptionElement | null; } | null | undefined;

### `TableCell`

```ts
TableCell: { (props: TableCellProps): JSX.Element; (props: TableCellAsChildProps): JSX.Element; }
```

Renders a part of `table`.

Supports polymorphic rendering via `asChild`.

### `TableCellAsChildProps`

```ts
TableCellAsChildProps: TableAsChildBaseProps
```

Props for the `asChild` (polymorphic) rendering of Table Cell.

- `asChild`: asChild: true;

- `children`: children: JSXElement;

- `ref`: ref?: Ref<Element>;

### `TableCellProps`

```ts
TableCellProps: TableNativeProps<'td', HTMLTableCellElement> | TableCellAsChildProps
```

Props for Table Cell.

- `asChild`: asChild?: boolean | undefined;

- `children`: children?: unknown;

- `ref`: ref?: ((value: Element | null) => void) | { current: Element | null; } | ((value: HTMLTableCellElement | null) => void) | { current: HTMLTableCellElement | null; } | null | undefined;

### `TableFoot`

```ts
TableFoot: { (props: TableFootProps): JSX.Element; (props: TableFootAsChildProps): JSX.Element; }
```

Renders a part of `table`.

Supports polymorphic rendering via `asChild`.

### `TableFootAsChildProps`

```ts
TableFootAsChildProps: TableAsChildBaseProps
```

Props for the `asChild` (polymorphic) rendering of Table Foot.

- `asChild`: asChild: true;

- `children`: children: JSXElement;

- `ref`: ref?: Ref<Element>;

### `TableFootProps`

```ts
TableFootProps: TableNativeProps<'tfoot', HTMLTableSectionElement> | TableFootAsChildProps
```

Props for Table Foot.

- `asChild`: asChild?: boolean | undefined;

- `children`: children?: unknown;

- `ref`: ref?: ((value: Element | null) => void) | { current: Element | null; } | ((value: HTMLTableSectionElement | null) => void) | { current: HTMLTableSectionElement | null; } | null | undefined;

### `TableHead`

```ts
TableHead: { (props: TableHeadProps): JSX.Element; (props: TableHeadAsChildProps): JSX.Element; }
```

Renders a part of `table`.

Supports polymorphic rendering via `asChild`.

### `TableHeadAsChildProps`

```ts
TableHeadAsChildProps: TableAsChildBaseProps
```

Props for the `asChild` (polymorphic) rendering of Table Head.

- `asChild`: asChild: true;

- `children`: children: JSXElement;

- `ref`: ref?: Ref<Element>;

### `TableHeaderCell`

```ts
TableHeaderCell: { (props: TableHeaderCellProps): JSX.Element; (props: TableHeaderCellAsChildProps): JSX.Element; }
```

Renders a part of `table`.

Supports polymorphic rendering via `asChild`.

### `TableHeaderCellAsChildProps`

```ts
TableHeaderCellAsChildProps: TableAsChildBaseProps
```

Props for the `asChild` (polymorphic) rendering of Table Header Cell.

- `asChild`: asChild: true;

- `children`: children: JSXElement;

- `ref`: ref?: Ref<Element>;

### `TableHeaderCellProps`

```ts
TableHeaderCellProps: TableNativeProps<'th', HTMLTableCellElement> | TableHeaderCellAsChildProps
```

Props for Table Header Cell.

- `asChild`: asChild?: boolean | undefined;

- `children`: children?: unknown;

- `ref`: ref?: ((value: Element | null) => void) | { current: Element | null; } | ((value: HTMLTableCellElement | null) => void) | { current: HTMLTableCellElement | null; } | null | undefined;

### `TableHeadProps`

```ts
TableHeadProps: TableNativeProps<'thead', HTMLTableSectionElement> | TableHeadAsChildProps
```

Props for Table Head.

- `asChild`: asChild?: boolean | undefined;

- `children`: children?: unknown;

- `ref`: ref?: ((value: Element | null) => void) | { current: Element | null; } | ((value: HTMLTableSectionElement | null) => void) | { current: HTMLTableSectionElement | null; } | null | undefined;

### `TableProps`

```ts
TableProps: TableNativeProps<'table', HTMLTableElement> | TableAsChildBaseProps
```

Props for Table.

- `asChild`: asChild?: boolean | undefined;

- `children`: children?: unknown;

- `ref`: ref?: ((value: Element | null) => void) | { current: Element | null; } | ((value: HTMLTableElement | null) => void) | { current: HTMLTableElement | null; } | null | undefined;

### `TableRow`

```ts
TableRow: { (props: TableRowProps): JSX.Element; (props: TableRowAsChildProps): JSX.Element; }
```

Renders a part of `table`.

Supports polymorphic rendering via `asChild`.

### `TableRowAsChildProps`

```ts
TableRowAsChildProps: TableAsChildBaseProps
```

Props for the `asChild` (polymorphic) rendering of Table Row.

- `asChild`: asChild: true;

- `children`: children: JSXElement;

- `ref`: ref?: Ref<Element>;

### `TableRowProps`

```ts
TableRowProps: TableNativeProps<'tr', HTMLTableRowElement> | TableRowAsChildProps
```

Props for Table Row.

- `asChild`: asChild?: boolean | undefined;

- `children`: children?: unknown;

- `ref`: ref?: ((value: Element | null) => void) | { current: Element | null; } | ((value: HTMLTableRowElement | null) => void) | { current: HTMLTableRowElement | null; } | null | undefined;

## Documentation navigation

[Previous](https://askrjs.com/docs/reference/api/ui/switch/index.md) | [Next](https://askrjs.com/docs/reference/api/ui/virtual-list/index.md)