An example of bootstrap responsive table. Easy to implement and customize. Examples of basic and advanced usage.
Detailed documentation and more examples you can find in our Bootstrap Responsive Table Docs
Basic example
Create responsive table by wrapping any
.table in
.table-responsive to make them scroll horizontally on small devices (under 768px). When viewing on
anything larger than 768px wide, you
will not see any difference in these tables.
| # | 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 |