# Tables
Provides a set of styles for native HTML table elements.

```html
// Error loading file, please report this issue.
```

## Extras

Optionally add a header, footer, and caption.

```html
// Error loading file, please report this issue.
```

## Navigation

Native HTML tables do not support interaction. For accessibility, use anchors or buttons within the last cell.

```html
// Error loading file, please report this issue.
```

## Layout

See [Tailwind's utility classes](https://tailwindcss.com/docs/table-layout) for adjusting the table layout algorithm. Apply this to the Table element.

## Hover Rows

Add a visual hover effect using the following Tailwind syntax.

```html
<tbody class="[&>tr]:hover:preset-tonal-primary">
	...
</tbody>
```

## Pagination

Pair with the Skeleton [Pagination](/docs/components/pagination/react) component for large data sets.