Mobile responsiveness for Bootstrap 5 tables.
- Download Bootstrap 5.
- Copy
Responsive-Table.cssinto your styles to your styles folder. - Add a link in your
<head>.
- Add
table-mobile-responsiveto your table's classes - Add a
data-contentattribute to each<tr>element (e.g.<tr data-content="First name">). - Add any of the built-in styled classes
- Responsive tables
- Table Captions
- Multiple responsive layouts
- Striped tables
- Easily editable CSS variables
See it in action with this Demo