Tableau

Les tableaux sont un bon moyen d’organiser de grandes quantités d’informations. Nous fournissons quelques classes afin d’aider la personnalisation des tableaux. De plus, afin d’améliorer l’expérience sur mobile, les tableaux sur les largeurs d’affichage mobile sont automatiquement centrées.

Tableau non borduré

Les tableaux sont sans bordure par défaut.

Name Item Name Item Price
Alvin Eclair $0.87
Alan Jellybean $3.76
Jonathan Lollipop $7.00
Shannon KitKat $9.99

      <table>
        <thead>
          <tr>
              <th>Name</th>
              <th>Item Name</th>
              <th>Item Price</th>
          </tr>
        </thead>

        <tbody>
          <tr>
            <td>Alvin</td>
            <td>Eclair</td>
            <td>$0.87</td>
          </tr>
          <tr>
            <td>Alan</td>
            <td>Jellybean</td>
            <td>$3.76</td>
          </tr>
          <tr>
            <td>Jonathan</td>
            <td>Lollipop</td>
            <td>$7.00</td>
          </tr>
        </tbody>
      </table>
            

Tableau borduré

Ajoutez class="bordered" à la balise du tableau pour des lignes à bordure.

Name Item Name Item Price
Alvin Eclair $0.87
Alan Jellybean $3.76
Jonathan Lollipop $7.00
Shannon KitKat $9.99

Tableau rayé

Ajoutez class="striped" à la balise du tableau pour des lignes à rayures.

Name Item Name Item Price
Alvin Eclair $0.87
Alan Jellybean $3.76
Jonathan Lollipop $7.00
Shannon KitKat $9.99

Surbrillance

Ajouter class="highlight"à la balise du tableau pour des lignes en surbrillance.

Name Item Name Item Price
Alvin Eclair $0.87
Alan Jellybean $3.76
Jonathan Lollipop $7.00
Shannon KitKat $9.99

Tableau centré

Ajouter class="centered" à la balise du tableau pour centrer tout le texte.

Name Item Name Item Price
Alvin Eclair $0.87
Alan Jellybean $3.76
Jonathan Lollipop $7.00
Shannon KitKat $9.99

Tableau adaptatif

Ajouter class="responsive-table" à la balise du tableau pour le faire défiler horizontalement sur des largeurs d’écran plus petites.

Name Item Name Item Price
Alvin Eclair $0.87
Alan Jellybean $3.76
Jonathan Lollipop $7.00
Shannon KitKat $9.99