Responsive Table For Bootstrap 5 Framework Example

A lightweight and simple CSS extension that converts wide Bootstrap tables into one or two-column tables on smaller screen sizes.

Basic Table

Basic table with class `table-mobile-responsive` on the `table`'s classes

List of users
#	First	Last	Handle
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat

Sided Layout

Use class `table-mobile-sided` on your `table` to switch to Sided Layout

#	First	Last	Handle
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat

Styleless table

Use class `table-mobile-styleless` on your `table` to switch to remove default styling

#	First	Last	Handle
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat

Stripped table

Use class `table-mobile-striped` on your `table` to add alternating striped rows directly to mobile table.

#	First	Last	Handle
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat