# 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>" %}