10 Bootstrap Tables
Tags: bootstrap, javascript, webdev, html
Published: 2021-04-28 09:16:45

A stunning collection of Table templates built with the newest Bootstrap 5. Practical examples and usage in real projects.

If you want to learn more about the construction of the Tables and get to know the basic and advanced usage of this component - read [📄 Table documentation](https://mdbootstrap.com/docs/standard/data/tables/) 

___________

## Table light with gradient background

[![Table light with gradient background](https://mdbcdn.b-cdn.net/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/data/tables/examples/assets/img1.jpg)](https://mdbootstrap.com/snippets/standard/mdbootstrap/2919753?view=side)

----

## Table dark with gradient background

[![Table dark with gradient background](https://mdbcdn.b-cdn.net/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/data/tables/examples/assets/img2.jpg)](https://mdbootstrap.com/snippets/standard/mdbootstrap/2919761?view=side)

----

## Table light with image background

[![Table light with image background](https://mdbcdn.b-cdn.net/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/data/tables/examples/assets/img3.jpg)](https://mdbootstrap.com/snippets/standard/mdbootstrap/2920252?view=side)

----

## Table dark with image background

[![Table dark with image background](https://mdbcdn.b-cdn.net/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/data/tables/examples/assets/img4.jpg)](https://mdbootstrap.com/snippets/standard/mdbootstrap/2919792?view=side)

----

## Table with checkboxes and buttons

[![Table with checkboxes and buttons](https://mdbcdn.b-cdn.net/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/data/tables/examples/assets/img5.jpg)](https://mdbootstrap.com/snippets/standard/mdbootstrap/2920555?view=side)

----

## Table translucent

[![Table translucent](https://mdbcdn.b-cdn.net/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/data/tables/examples/assets/img6.jpg)](https://mdbootstrap.com/snippets/standard/mdbootstrap/2920550?view=side)

----

## Table light with sticky header

[![Table light with sticky header](https://mdbcdn.b-cdn.net/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/data/tables/examples/assets/img7.jpg)](https://mdbootstrap.com/snippets/standard/mdbootstrap/2920201?view=side)

----

## Table dark with sticky header

[![Table dark with sticky header](https://mdbcdn.b-cdn.net/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/data/tables/examples/assets/img8.jpg)](https://mdbootstrap.com/snippets/standard/mdbootstrap/2920214?view=side)

----

## Table with scrollbar

[![Table with scrollbar](https://mdbcdn.b-cdn.net/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/data/tables/examples/assets/img9.jpg)](https://mdbootstrap.com/snippets/standard/mdbootstrap/2919695?view=side)

----

## Table with fixed column

[![Table with fixed column](https://mdbcdn.b-cdn.net/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/data/tables/examples/assets/img10.jpg)](https://mdbootstrap.com/snippets/standard/mdbootstrap/2919513?view=side)