Design System Grosfillex

Créé par Dedi.

Tableaux

Les tableaux sont des composants utilisés pour présenter et analyser des données de façon synthétique. Ils permettent de parcourir beaucoup d’informations en un coup d’oeil, les classer, les comparer, etc.

Tableaux sur fond clair

#	First	Last	Handle
1	Mark	Otto	@markotto
2	Jacob	Thornton	@jacobthronton
3	Larry	the Bird	@larrythebidouhyeah

                <table class="table">
    <thead>
        <tr>
            <th></th>
            <th></th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>

Caractéristique 1	Nulla et orci erat
Caractéristique 2	Nulla et orci erat
Caractéristique 3	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ultricies feugiat purus nec lobortis. Donec vitae venenatis enim. Aliquam porta libero risus, eget euismod sem eleifend vel.

                <table class="table">
    <tbody>
        <tr>
            <th></th>
            <td></td>
        </tr>
        <tr>
            <th></th>
            <td></td>
        </tr>
    </tbody>
</table>

Tableaux sur fond sombre

#	First	Last	Handle
1	Mark	Otto	@markotto
2	Jacob	Thornton	@jacobthronton
3	Larry	the Bird	@larrythebidouhyeah

                        <table class="table table-dark">
    <thead>
        <tr>
            <th></th>
            <th></th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>

Caractéristique 1	Nulla et orci erat
Caractéristique 2	Nulla et orci erat
Caractéristique 3	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ultricies feugiat purus nec lobortis. Donec vitae venenatis enim. Aliquam porta libero risus, eget euismod sem eleifend vel.

                <table class="table table-dark">
    <tbody>
        <tr>
            <th></th>
            <td></td>
        </tr>
        <tr>
            <th></th>
            <td></td>
        </tr>
    </tbody>
</table>

retour menu