2
votes

En-tête de table fixe utilisant CSS

Comment avoir un correctif thead en haut? J'ai essayé le script ci-dessous mais ce n'est pas le cas corrigé sur le défilement.

<table class="table table-striped table-hover table-bordered text-center">
  <thead>
    <tr>
      <th><input class="form-control" id="myInput" type="text" placeholder="Search.."></th>
      <th><input class="form-control" id="myInput" type="text" placeholder="Search.."></th>
      <th><input class="form-control" id="myInput" type="text" placeholder="Search.."></th>
      <th><input class="form-control" id="myInput" type="text" placeholder="Search.."></th>
      <th><input class="form-control" id="myInput" type="text" placeholder="Search.."></th>
      <th><input class="form-control" id="myInput" type="text" placeholder="Search.."></th>
    </tr>
    <tr>
      <th>gfdg</th>
      <th>gdrgr</th>
      <th>segsre</th>
      <th>gfrdg</th>
      <th>srgdr</th>
      <th>egrsdg</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>

    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>

    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>

    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>

    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>

    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>

    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>

    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>


    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>


    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>

    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>

    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>

    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>


    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
  </tbody>
</table>

thead {
  position: sticky;
  top: 0;
  background: khaki;
  color: white;
}

Comment avoir un correctif thead en haut? J'ai essayé le script ci-dessus mais ce n'est pas le cas corrigé sur le défilement.

html css twitter-bootstrap html-table

2 commentaires

Cela devrait résoudre votre problème stackoverflow.com/a/57170489/10424385

Non, cela ne m'a pas aidé. @GrzegorzT.

3 Réponses :

0
votes

table {
   width: 100% (or the preferred value);
}

thead {
    position: fixed;
    top: 0;
    background: khaki;
    color: white;
    width: 100%;
}

1 commentaires

Il ne s'ajustera pas selon les valeurs bootstrap!

0
votes

Il est impossible de manipuler l'élément de tête. Uniquement les éléments de th individuellement.

thead th {
  position: sticky;
  top: 0;
  background: khaki;
  color: white;
}

<thead>
  <tr>
    <th>
      <input class="form-control" id="myInput" type="text" placeholder="Search..">
      <div>gfdg</div>
    </th>
    ...

Ou ajoutez les deux tr en un.

<table class="table table-striped table-hover table-bordered text-center">
  <thead>
    <tr>
      <th><input class="form-control" id="myInput" type="text" placeholder="Search.."></th>
      <th><input class="form-control" id="myInput" type="text" placeholder="Search.."></th>
      <th><input class="form-control" id="myInput" type="text" placeholder="Search.."></th>
      <th><input class="form-control" id="myInput" type="text" placeholder="Search.."></th>
      <th><input class="form-control" id="myInput" type="text" placeholder="Search.."></th>
      <th><input class="form-control" id="myInput" type="text" placeholder="Search.."></th>
    </tr>
    <tr>
      <th>gfdg</th>
      <th>gdrgr</th>
      <th>segsre</th>
      <th>gfrdg</th>
      <th>srgdr</th>
      <th>egrsdg</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>

    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>

    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>

    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>

    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>

    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>

    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>

    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>


    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>


    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>

    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>

    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>

    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>


    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
    <tr>
      <td class="font-elephant">1</td>
      <td class="font-elephant">7</td>
      <td class="font-elephant">9</td>
      <td class="font-elephant">585</td>
      <td class="font-elephant">656</td>

      <td>65654
      </td>
    </tr>
  </tbody>
</table>

Et puis seul ce style suffit.

thead tr:first-child th {
  position: sticky;
  top: 0;
}

thead th {
  position: sticky;
  top: 20px;
  background: khaki;
  color: white;
}

1 commentaires

Je suis allé avec votre deuxième option

0
votes

J'ai fait une autre solution si vous voulez la vérifier ici:

https: // codepen .io / patridc / pen / aeLGbo

thead{
    top: 0;
    z-index: 1;
}

<table class="table table-striped table-hover table-bordered text-center">
    <thead class="position-sticky d-block bg-white">
        <tr class="d-flex bg-white">
  <th class="col-md-2"><input class="form-control" id="myInput" type="text" placeholder="Search.."></th>
  <th class="col-md-2"><input class="form-control" id="myInput" type="text" placeholder="Search.."></>
  <th class="col-md-2"><input class="form-control" id="myInput" type="text" placeholder="Search.."></th>
  <th class="col-md-2"><input class="form-control" id="myInput" type="text" placeholder="Search.."></th>
  <th class="col-md-2"><input class="form-control" id="myInput" type="text" placeholder="Search.."></th>
  <th class="col-md-2"><input class="form-control" id="myInput" type="text" placeholder="Search.."></th>
</tr>
<tr class="d-flex">
  <th class="col-md-2">gfdg</th>
  <th class="col-md-2">gdrgr</th>
  <th class="col-md-2">segsre</th>
  <th class="col-md-2">gfrdg</th>
  <th class="col-md-2">srgdr</th>
  <th class="col-md-2">egrsdg</th>
</tr>
</thead>
<tbody class="mt-50 d-block">
<tr class="d-flex">
  <td class="font-elephant col-md-2">1</td>
  <td class="font-elephant col-md-2">7</td>
  <td class="font-elephant col-md-2">9</td>
  <td class="font-elephant col-md-2">585</td>
  <td class="font-elephant col-md-2">656</td>
  <td class="font-elephant col-md-2">65654</td>
</tr>
<tr class="d-flex">
  <td class="font-elephant col-md-2">1</td>
  <td class="font-elephant col-md-2">7</td>
  <td class="font-elephant col-md-2">9</td>
  <td class="font-elephant col-md-2">585</td>
  <td class="font-elephant col-md-2">656</td>
  <td class="font-elephant col-md-2">65654</td>
</tr>
<tr class="d-flex">
  <td class="font-elephant col-md-2">1</td>
  <td class="font-elephant col-md-2">7</td>
  <td class="font-elephant col-md-2">9</td>
  <td class="font-elephant col-md-2">585</td>
  <td class="font-elephant col-md-2">656</td>
  <td class="font-elephant col-md-2">65654</td>
</tr>
<tr class="d-flex">
  <td class="font-elephant col-md-2">1</td>
  <td class="font-elephant col-md-2">7</td>
  <td class="font-elephant col-md-2">9</td>
  <td class="font-elephant col-md-2">585</td>
  <td class="font-elephant col-md-2">656</td>
  <td class="font-elephant col-md-2">65654</td>
</tr>
<tr class="d-flex">
  <td class="font-elephant col-md-2">1</td>
  <td class="font-elephant col-md-2">7</td>
  <td class="font-elephant col-md-2">9</td>
  <td class="font-elephant col-md-2">585</td>
  <td class="font-elephant col-md-2">656</td>
  <td class="font-elephant col-md-2">65654</td>
</tr>
<tr class="d-flex">
  <td class="font-elephant col-md-2">1</td>
  <td class="font-elephant col-md-2">7</td>
  <td class="font-elephant col-md-2">9</td>
  <td class="font-elephant col-md-2">585</td>
  <td class="font-elephant col-md-2">656</td>
  <td class="font-elephant col-md-2">65654</td>
</tr>
<tr class="d-flex">
  <td class="font-elephant col-md-2">1</td>
  <td class="font-elephant col-md-2">7</td>
  <td class="font-elephant col-md-2">9</td>
  <td class="font-elephant col-md-2">585</td>
  <td class="font-elephant col-md-2">656</td>
  <td class="font-elephant col-md-2">65654</td>
</tr>
<tr class="d-flex">
  <td class="font-elephant col-md-2">1</td>
  <td class="font-elephant col-md-2">7</td>
  <td class="font-elephant col-md-2">9</td>
  <td class="font-elephant col-md-2">585</td>
  <td class="font-elephant col-md-2">656</td>
  <td class="font-elephant col-md-2">65654</td>
</tr>
<tr class="d-flex">
  <td class="font-elephant col-md-2">1</td>
  <td class="font-elephant col-md-2">7</td>
  <td class="font-elephant col-md-2">9</td>
  <td class="font-elephant col-md-2">585</td>
  <td class="font-elephant col-md-2">656</td>
  <td class="font-elephant col-md-2">65654</td>
</tr>
<tr class="d-flex">
  <td class="font-elephant col-md-2">1</td>
  <td class="font-elephant col-md-2">7</td>
  <td class="font-elephant col-md-2">9</td>
  <td class="font-elephant col-md-2">585</td>
  <td class="font-elephant col-md-2">656</td>
  <td class="font-elephant col-md-2">65654</td>
</tr>
<tr class="d-flex">
  <td class="font-elephant col-md-2">1</td>
  <td class="font-elephant col-md-2">7</td>
  <td class="font-elephant col-md-2">9</td>
  <td class="font-elephant col-md-2">585</td>
  <td class="font-elephant col-md-2">656</td>
  <td class="font-elephant col-md-2">65654</td>
</tr>
<tr class="d-flex">
  <td class="font-elephant col-md-2">1</td>
  <td class="font-elephant col-md-2">7</td>
  <td class="font-elephant col-md-2">9</td>
  <td class="font-elephant col-md-2">585</td>
  <td class="font-elephant col-md-2">656</td>
  <td class="font-elephant col-md-2">65654</td>
</tr>
<tr class="d-flex">
  <td class="font-elephant col-md-2">1</td>
  <td class="font-elephant col-md-2">7</td>
  <td class="font-elephant col-md-2">9</td>
  <td class="font-elephant col-md-2">585</td>
  <td class="font-elephant col-md-2">656</td>
  <td class="font-elephant col-md-2">65654</td>
</tr>
<tr class="d-flex">
  <td class="font-elephant col-md-2">1</td>
  <td class="font-elephant col-md-2">7</td>
  <td class="font-elephant col-md-2">9</td>
  <td class="font-elephant col-md-2">585</td>
  <td class="font-elephant col-md-2">656</td>
  <td class="font-elephant col-md-2">65654</td>
</tr>
<tr class="d-flex">
  <td class="font-elephant col-md-2">1</td>
  <td class="font-elephant col-md-2">7</td>
  <td class="font-elephant col-md-2">9</td>
  <td class="font-elephant col-md-2">585</td>
  <td class="font-elephant col-md-2">656</td>
  <td class="font-elephant col-md-2">65654</td>
</tr>
<tr class="d-flex">
  <td class="font-elephant col-md-2">1</td>
  <td class="font-elephant col-md-2">7</td>
  <td class="font-elephant col-md-2">9</td>
  <td class="font-elephant col-md-2">585</td>
  <td class="font-elephant col-md-2">656</td>
  <td class="font-elephant col-md-2">65654</td>
</tr>
<tr class="d-flex">
  <td class="font-elephant col-md-2">1</td>
  <td class="font-elephant col-md-2">7</td>
  <td class="font-elephant col-md-2">9</td>
  <td class="font-elephant col-md-2">585</td>
  <td class="font-elephant col-md-2">656</td>
  <td class="font-elephant col-md-2">65654</td>
</tr>
<tr class="d-flex">
  <td class="font-elephant col-md-2">1</td>
  <td class="font-elephant col-md-2">7</td>
  <td class="font-elephant col-md-2">9</td>
  <td class="font-elephant col-md-2">585</td>
  <td class="font-elephant col-md-2">656</td>
  <td class="font-elephant col-md-2">65654</td>
</tr>
<tr class="d-flex">
  <td class="font-elephant col-md-2">1</td>
  <td class="font-elephant col-md-2">7</td>
  <td class="font-elephant col-md-2">9</td>
  <td class="font-elephant col-md-2">585</td>
  <td class="font-elephant col-md-2">656</td>
  <td class="font-elephant col-md-2">65654</td>
</tr>
<tr class="d-flex">
  <td class="font-elephant col-md-2">1</td>
  <td class="font-elephant col-md-2">7</td>
  <td class="font-elephant col-md-2">9</td>
  <td class="font-elephant col-md-2">585</td>
  <td class="font-elephant col-md-2">656</td>
  <td class="font-elephant col-md-2">65654</td>
</tr>
<tr class="d-flex">
  <td class="font-elephant col-md-2">1</td>
  <td class="font-elephant col-md-2">7</td>
  <td class="font-elephant col-md-2">9</td>
  <td class="font-elephant col-md-2">585</td>
  <td class="font-elephant col-md-2">656</td>
  <td class="font-elephant col-md-2">65654</td>
</tr>
<tr class="d-flex">
  <td class="font-elephant col-md-2">1</td>
  <td class="font-elephant col-md-2">7</td>
  <td class="font-elephant col-md-2">9</td>
  <td class="font-elephant col-md-2">585</td>
  <td class="font-elephant col-md-2">656</td>
  <td class="font-elephant col-md-2">65654</td>
</tr>
<tr class="d-flex">
  <td class="font-elephant col-md-2">1</td>
  <td class="font-elephant col-md-2">7</td>
  <td class="font-elephant col-md-2">9</td>
  <td class="font-elephant col-md-2">585</td>
  <td class="font-elephant col-md-2">656</td>
  <td class="font-elephant col-md-2">65654</td>
</tr>
</tbody>
</table>

0 commentaires