Vous êtes ici : Accueil » Formations » Comment fixer la taille des colonnes d'un tableau avec un texte long en HTML

Comment fixer la taille des colonnes d'un tableau avec un texte long en HTML

Il est souvent le cas, nous sommes confrontés à un tableau incontrolable qui prend toute la place sur une page web. il suffit de créer un petit script CSS

Il suffit de mettre un petit cript css pour que ca marche:

<style style="text/css">
table{
    border: 1px solid black;
    border-collapse: collapse;
    table-layout: fixed;
    width: 400px;       
}

th, td {
    border: 1px solid black;
    word-break: break-all;
}
</style> 

Voici mon tableau

<table>
<tr>
<td>Colonne 1</td>
<td>Colonne 2</td>
<td>Colonne 3</td>
</tr>
<tr>
<td>My long text text text text text text text text texttext text texttext text text</td>
<td>tite</td>
<td>5263</td>
</tr>
</table>