Tables
Use tables to display data.
| # | Name | Login |
|---|---|---|
| 1 | Mcneil, Burke Q. | Emery_Mullen |
| 2 | Burris, Lesley T. | Eleanor_Cole |
| 3 | Sears, Drew G. | Pandora_Bender |
| 4 | Oconnor, Jocelyn A. | Abdul_Logan |
| 5 | Stewart, Anika M. | Eaton_Morris |
Responsive table
Add a horizontal scroll to the table to avoid shrinking the width of the columns.
| # | Name | Login | |
|---|---|---|---|
| 1 | Mcneil, Burke Q. | ligula.Nullam.enim@consequatenim.com | @Emery_Mullen |
| 2 | Burris, Lesley T. | montes.nascetur@fringilla.co.uk | @Eleanor_Cole |
| 3 | Sears, Drew G. | sem.mollis@eget.edu | @Pandora_Bender |
| 4 | Oconnor, Jocelyn A. | aptent.taciti.sociosqu@nullaDonec.net | @Abdul_Logan |
| 5 | Stewart, Anika M. | mollis.dui.in@pharetra.edu | @Eaton_Morris |
Striped rows
Strip the color of the rows in the table, added class .table-striped.
| # | Name | Login | |
|---|---|---|---|
| 1 | Mcneil, Burke Q. | ligula.Nullam.enim@consequatenim.com | @Emery_Mullen |
| 2 | Burris, Lesley T. | montes.nascetur@fringilla.co.uk | @Eleanor_Cole |
| 3 | Sears, Drew G. | sem.mollis@eget.edu | @Pandora_Bender |
| 4 | Oconnor, Jocelyn A. | aptent.taciti.sociosqu@nullaDonec.net | @Abdul_Logan |
| 5 | Stewart, Anika M. | mollis.dui.in@pharetra.edu | @Eaton_Morris |
Bordered table
Add borders to the table using class .table-bordered.
| # | Name | Login | |
|---|---|---|---|
| 1 | Mcneil, Burke Q. | ligula.Nullam.enim@consequatenim.com | @Emery_Mullen |
| 2 | Burris, Lesley T. | montes.nascetur@fringilla.co.uk | @Eleanor_Cole |
| 3 | Sears, Drew G. | sem.mollis@eget.edu | @Pandora_Bender |
| 4 | Oconnor, Jocelyn A. | aptent.taciti.sociosqu@nullaDonec.net | @Abdul_Logan |
| 5 | Stewart, Anika M. | mollis.dui.in@pharetra.edu | @Eaton_Morris |
Hover rows
Highlight the rows of the table when hovering with .table-hover.
| # | Name | Login | |
|---|---|---|---|
| 1 | Mcneil, Burke Q. | ligula.Nullam.enim@consequatenim.com | @Emery_Mullen |
| 2 | Burris, Lesley T. | montes.nascetur@fringilla.co.uk | @Eleanor_Cole |
| 3 | Sears, Drew G. | sem.mollis@eget.edu | @Pandora_Bender |
| 4 | Oconnor, Jocelyn A. | aptent.taciti.sociosqu@nullaDonec.net | @Abdul_Logan |
| 5 | Stewart, Anika M. | mollis.dui.in@pharetra.edu | @Eaton_Morris |
Condensed table
Compress content with with .table-condensed.
| # | Name | Login | |
|---|---|---|---|
| 1 | Mcneil, Burke Q. | ligula.Nullam.enim@consequatenim.com | @Emery_Mullen |
| 2 | Burris, Lesley T. | montes.nascetur@fringilla.co.uk | @Eleanor_Cole |
| 3 | Sears, Drew G. | sem.mollis@eget.edu | @Pandora_Bender |
| 4 | Oconnor, Jocelyn A. | aptent.taciti.sociosqu@nullaDonec.net | @Abdul_Logan |
| 5 | Stewart, Anika M. | mollis.dui.in@pharetra.edu | @Eaton_Morris |