Choix de l'univers FT

Table Tableau

Le tableau permet l’affichage et l’organisation de données textuelles ou numériques.

Documentation : Figma

Langage:  HTML

<div class="classe-parent">
    <table class="table classe-table" id="id-table">
        <caption class="classe-caption">Titre du tableau</caption>

        <thead class="classe-thead">
            <tr>
                <th scope="col">Colonne simple</th>
                <th scope="col">Colonne <span class="d-block">sur 2 lignes</span></th>
                <th class="table-sort" scope="col"><ft-tablesort direction="none" label="Colonne avec tri" type="default"></ft-tablesort></th>
                <th class="classe-colonne" id="id-colonne" scope="col">Colonne avec classe et id</th>
                <th scope="col"><span class="sr-only">Colonne avec en-tête masqué</span></th>
            </tr>
        </thead>

        <tbody class="classe-tbody">
            <tr>
                <th scope="row">Titre de la ligne 1</th>
                <td>Contenu</td>
                <td>Contenu</td>
                <td>Contenu</td>
                <td>
                    <div class="table-tools-group">
                        Boutons d'action
                    </div>
                </td>
            </tr>
            <tr>
                <th scope="row">Titre de la ligne 2</th>
                <td>Contenu</td>
                <td>Contenu</td>
                <td>Contenu</td>
                <td>
                    <div class="table-tools-group">
                        Boutons d'action
                    </div>
                </td>
            </tr>
            <tr>
                <th scope="row">Titre de la ligne 3</th>
                <td>Contenu</td>
                <td>Contenu</td>
                <td>Contenu</td>
                <td>
                    <div class="table-tools-group">
                        Boutons d'action
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</div>
ft-autoloader.js