https://github.com/mdbootstrap/bootstrap-table-responsive

Responsive table built with the latest Bootstrap 5. Responsive tables allow you to aggregate a huge amount of data and present it in a clear and orderly way. https://mdbootstrap.com/docs/standard/extended/table-responsive/
https://github.com/mdbootstrap/bootstrap-table-responsive

boostrap-template bootsrap5 bootstrap bootstrap-theme css html responsive table

Last synced: about 1 month ago
JSON representation

Host: GitHub
URL: https://github.com/mdbootstrap/bootstrap-table-responsive
Owner: mdbootstrap
License: other
Created: 2022-07-15T07:40:52.000Z (about 3 years ago)
Default Branch: master
Last Pushed: 2022-07-15T08:00:28.000Z (about 3 years ago)
Last Synced: 2025-08-08T19:30:25.008Z (2 months ago)
Topics: boostrap-template, bootsrap5, bootstrap, bootstrap-theme, css, html, responsive, table
Language: SCSS
Homepage:
Size: 941 KB
Stars: 1
Watchers: 2
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: License.pdf

Awesome Lists containing this project

README

Responsive table built with the latest Bootstrap 5. Responsive tables allow you to aggregate a huge amount of data and present it in a clear and orderly way.

Check out [Bootstrap Table responsive Documentation](https://mdbootstrap.com/docs/standard/extended/table-responsive/) for detailed instructions & even more examples.

## Basic example
![Bootstrap 5 Table responsive](https://user-images.githubusercontent.com/108793661/179176948-8d12ac63-ee31-420e-b056-ec83f0f2a83f.png)
```html

#
Heading
Heading
Heading
Heading
Heading
Heading
Heading
Heading
Heading

1
Cell
Cell
Cell
Cell
Cell
Cell
Cell
Cell
Cell

2
Cell
Cell
Cell
Cell
Cell
Cell
Cell
Cell
Cell

3
Cell
Cell
Cell
Cell
Cell
Cell
Cell
Cell
Cell

```

## How to use?

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

[▶️ Subscribe to YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)

## More examples
### Breakpoint specific:
[![Bootstrap 5 Table responsive #1](https://user-images.githubusercontent.com/108793661/179179490-a4c0edf8-aba7-40ae-ba75-812523c9a95c.png)](https://mdbootstrap.com/docs/standard/extended/table-responsive/#section-breakpoint-specific-example)
### Scroll
[![Bootstrap 5 Table responsive #2](https://user-images.githubusercontent.com/108793661/179179601-ce53c7f1-640f-487c-b3b4-6511fc1f4172.png)](https://mdbootstrap.com/docs/standard/extended/table-responsive/#section-scroll-example)
### Fixed header
[![Bootstrap 5 Table responsive #3](https://user-images.githubusercontent.com/108793661/179179686-5700cc74-4ace-4ed8-af11-0f9e1f464602.png)](https://mdbootstrap.com/docs/standard/extended/table-responsive/#section-fixed-header-example)

You can find other examples [here](https://mdbootstrap.com/docs/standard/extended/table-responsive/).

## More extended Bootstrap documentation