Tableaux Foundation
Foundation<table>Le style des éléments est constitué de rayures zébrées grises et comprend quatre bordures :
Exemple
<table>
<thead>
<tr>
<th>Prénom</th>
<th>Nom</th>
<th>E-mail</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td>Doe</td>
<td>[email protected]</td>
</tr>
<tr>
<td>Mary</td>
<td>Moe</td>
<td>[email protected]</td>
</tr>
<tr>
<td>July</td>
<td>Dooley</td>
<td>[email protected]</td>
</tr>
</tbody>
</table>
<thead>
<tr>
<th>Prénom</th>
<th>Nom</th>
<th>E-mail</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td>Doe</td>
<td>[email protected]</td>
</tr>
<tr>
<td>Mary</td>
<td>Moe</td>
<td>[email protected]</td>
</tr>
<tr>
<td>July</td>
<td>Dooley</td>
<td>[email protected]</td>
</tr>
</tbody>
</table>
Essayez-le vous-même »
Tableaux responsives
Utilisez CSS pour rendre le tableau compatible avec le responsive design : ajoutez en dehors du tableau.<div>Élément, stylisé commeoverflow-x:hidden: