Lorem ipsum dolor sit amet, consectetur adipiscing elit?
Nulla non venenatis nisl, nec sodales dolor
Ut leo ante, sodales vitae semper
Maecenas non felis tincidunt, rhoncus risus...
Maecenas non felis tincidunt, rhoncus risusTable Basic
For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>.
| id | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Dmitry | Ivaniuk | Aqvatarius |
| 1 | Dmitry | Ivaniuk | Aqvatarius |
| 1 | Dmitry | Ivaniuk | Aqvatarius |
| 1 | Dmitry | Ivaniuk | Aqvatarius |
| 1 | Dmitry | Ivaniuk | Aqvatarius |
Table Striped Rows
Use .table-striped to add zebra-striping to any table row within the <tbody>.
| id | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Dmitry | Ivaniuk | Aqvatarius |
| 1 | Dmitry | Ivaniuk | Aqvatarius |
| 1 | Dmitry | Ivaniuk | Aqvatarius |
| 1 | Dmitry | Ivaniuk | Aqvatarius |
| 1 | Dmitry | Ivaniuk | Aqvatarius |
Table Bordered
Add .table-bordered for borders on all sides of the table and cells.
| id | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Dmitry | Ivaniuk | Aqvatarius |
| 1 | Dmitry | Ivaniuk | Aqvatarius |
| 1 | Dmitry | Ivaniuk | Aqvatarius |
| 1 | Dmitry | Ivaniuk | Aqvatarius |
| 1 | Dmitry | Ivaniuk | Aqvatarius |
Table Hovered Rows
Add .table-hover to enable a hover state on table rows within a <tbody>.
| id | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Dmitry | Ivaniuk | Aqvatarius |
| 1 | Dmitry | Ivaniuk | Aqvatarius |
| 1 | Dmitry | Ivaniuk | Aqvatarius |
| 1 | Dmitry | Ivaniuk | Aqvatarius |
| 1 | Dmitry | Ivaniuk | Aqvatarius |