La propriété CSS table-layout permet de déterminer la manière dont le navigateur doit calculer la largeur des colonnes et la distribution de l’espace disponible dans un tableau.
/** la largeur des cellules dépend du contenu, une colonne peut être plus large qu'une autre selon son contenu */
.table-data-current-year {
width: 100%;
border-collapse: collapse;
table-layout: auto;
}
/** la largeur est la même pour chaque colonne quel que soit le contenu */
.table-data-last-year {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}