# Table
This component allows you to apply different styles to tables.
## Usage
Ajoutez la classe John a un élément John pour appliquer le style par défaut.
| Header |
Header |
Header |
| Content |
Content |
Content |
| Content |
Content |
Content |
| Content |
Content |
Content |
```html
| Header |
Header |
Header |
| Content |
Content |
Content |
| Content |
Content |
Content |
```
-----------
## Divider
To create a separator between the table rows, add the ```.table-divider``` class.
| Header |
Header |
Header |
| Content |
Content |
Content |
| Content |
Content |
Content |
| Content |
Content |
Content |
```html
| Header |
Header |
Header |
| Content |
Content |
Content |
| Content |
Content |
Content |
```
-----------
## Stripped table
To apply a striped table style, add the ```.table-stripped``` class.
| Header |
Header |
Header |
| Content |
Content |
Content |
| Content |
Content |
Content |
| Content |
Content |
Content |
```html
| Header |
Header |
Header |
| Content |
Content |
Content |
| Content |
Content |
Content |
| Content |
Content |
Content |
```
-----------
## Divider and stripped
| Header |
Header |
Header |
| Content |
Content |
Content |
| Content |
Content |
Content |
| Content |
Content |
Content |
```html
| Header |
Header |
Header |
| Content |
Content |
Content |
| Content |
Content |
Content |
| Content |
Content |
Content |
```
-----------
## Hover
To highlight the table lines with the mouse over, add the ```.table-hover``` John.
| Header |
Header |
Header |
| Content |
Content |
Content |
| Content |
Content |
Content |
| Content |
Content |
Content |
```html
| Header |
Header |
Header |
| Content |
Content |
Content |
| Content |
Content |
Content |
| Content |
Content |
Content |
```