- 0000 / Homepage
- 0005 / Homepage Pro
- 1100 / Univers 1
- 1200 / Univers 2
- 2100 / Cuisine Liste
- 2200 / Cuisine Modèle
- 3010 / Ensemble Meubles
- 4100 / Liste Produits
- 4201 / Produit
- 4202 / Produit Sur Mesure
- 4203 / Produit Personnalisable
- 4204 / Produit Colisé
- 4900 / Inscription light
- 5000 / Bonnes affaires
- 5200 / Opération
- 6100 / Panier
- 6101 / Panier vide
- 6200 / Connexion
- 6201 / Password
- 6206 / Inscription
- 6207 / Inscription Pro
- 6300 / Livraison
- 6301 / Livraison No Adress
- 6302 / Livraison Pb Retrait
- 6303 / Livraison Pb Livraison
- 6400 / Paiement
- 6500 / Confirmation / Retrait
- 6501 / Confirmation / Livraison
- 7100 / Projet
- 7200 / MaPrimeRenov
- 7300 / MaPrimeAdapt
- 8000 / Marque
- 9000 / Services
- 9100 / Pose
- 9200 / Conseil domicile
- 9210 / Rendez-vous Magasin
- 9210 / Rendez-vous Domicile
- 9300 / Atelier
- 9400 / Livraison domicile
- 9500 / SAV
- 9600 / Drive
- 9700 / Financement
- AAAA / Layout
- BBBB / Layout Connected
Beaucoup d'option pour gérer les tableaux (bordure, striped, responsive, dark, head dark, etc...). A cleaner en fonction des besoins du projet.
Dans tous les cas, la class .table est à mettre en place sur la balise table.
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Dark
.table-dark sur table
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Thead custom
.thead-dark ou .thead-light sur thead
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Striped rows
.table-striped sur table
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Bordered
.table-bordered sur table
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
.table-borderless sur table
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
Hoverable rows
.table-hover sur table
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
Small
.table-sm sur table
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
Contextual row
.table-{contexte} sur tr ou td
Il est également possible d'injecter des classes utilities sur les background color.
| Class | Heading | Heading |
|---|---|---|
| Active | Cell | Cell |
| Default | Cell | Cell |
| Primary | Cell | Cell |
| Secondary | Cell | Cell |
| Success | Cell | Cell |
| Danger | Cell | Cell |
| Warning | Cell | Cell |
| Info | Cell | Cell |
| Light | Cell | Cell |
| Dark | Cell | Cell |
Caption
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Responsive
Ajouter un conteneur autour avec les classe .table-responsive
| # | 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 |
Combinable avec des breakpoint specifiques .table-responsive{-sm|-md|-lg|-xl}