Free Tables Collection

The ultimate collection of responsive Tables built with the latest Bootstrap 5.

How to use it?

1. Download MDB 5 - free UI KIT

2. Choose your favourite customized component and click on the image

3. Copy & paste the code into your MDB project

📄Documentation & usage guide

▶️ Video tutorial

⚙️Free generator

These templates were built with a free Material Design UI Kit for the latest Bootstrap 5.

Table light with gradient background

<picture>
https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/data/tables/examples/assets/img1.webp</picture> " type="image/webp" />

Table dark with gradient background

<picture>
https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/data/tables/examples/assets/img2.webp</picture> " type="image/webp" />

Table light with image background

<picture>
https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/data/tables/examples/assets/img3.webp</picture> " type="image/webp" />

Table dark with image background

<picture>
https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/data/tables/examples/assets/img4.webp</picture> " type="image/webp" />

Table with checkboxes and buttons

<picture>
https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/data/tables/examples/assets/img5.webp</picture> " type="image/webp" />

Table translucent

<picture>
https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/data/tables/examples/assets/img6.webp</picture> " type="image/webp" />

Table light with sticky header

<picture>
https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/data/tables/examples/assets/img7.webp</picture> " type="image/webp" />

Table dark with sticky header

<picture>
https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/data/tables/examples/assets/img8.webp</picture> " type="image/webp" />

Table with scrollbar

<picture>
https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/data/tables/examples/assets/img9.webp</picture> " type="image/webp" />

Table with fixed column

<picture>
https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/data/tables/examples/assets/img10.webp</picture> " type="image/webp" />