/bootstrap-mobile-tables

Mobile responsiveness for Bootstrap 5 tables.

Primary LanguageHTML

Bootstrap Mobile Tables

Mobile responsiveness for Bootstrap 5 tables.

Installation

  • Download Bootstrap 5.
  • Copy Responsive-Table.css into your styles to your styles folder.
  • Add a link in your <head>.

Usage

  • Add table-mobile-responsive to your table's classes
  • Add a data-content attribute to each <tr> element (e.g. <tr data-content="First name">).
  • Add any of the built-in styled classes

Features

  • Responsive tables
  • Table Captions
  • Multiple responsive layouts
  • Striped tables
  • Easily editable CSS variables

Demo

See it in action with this Demo