> For the complete documentation index, see [llms.txt](https://themedocs.zenit.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themedocs.zenit.design/en/content/responsive-tables.md).

# Responsive tables

Make a table responsive in all viewports by wrapping a `.table` with `.table-responsive` . Or use `.table-responsive{-sm|-md|-lg|-xl}` to select a maximum breakpoint up to which a responsive table should be displayed.

```
<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>
```

You can find more information in the official documentation of the Bootstrap framework:

{% embed url="<https://getbootstrap.com/docs/4.6/content/tables#responsive-tables>" %}