<div class="table-responsive">
    <table class="table">
        <caption>Titre du tableau</caption>

        <thead>
            <tr>
                <th class="table-sort" scope="col"><ft-tablesort direction="none" label="Tri Numérique" type="default"></ft-tablesort></th>
                <th class="table-sort" scope="col"><ft-tablesort direction="descending" label="Tri Alphabétique" type="alpha"></ft-tablesort></th>
                <th class="table-sort" scope="col"><ft-tablesort direction="ascending" label="Tri Chronologique" type="chrono"></ft-tablesort></th>
                <th scope="col"><span class="sr-only">Actions</span></th>
            </tr>
        </thead>

        <tbody>
            <tr>
                <th scope="row">Titre de la ligne 1</th>
                <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>
                    <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>
                    <div class="table-tools-group">
                        Boutons d'action
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</div>