Contenu de la fiche de travail

## Tableau contraint à taille de cellules relative

Le tableau est contraint à 1000px, la taille des cellules est exprimée en pourcentage. Si le tableau est réduit toutes les cellules se réduisent proportionellement

|  |  | Nir | Nom | Prénom test de libelle très long très long | date de naissance |
--- | --- | --- | --- | --- | --- | --- | ---
Style css | .cell-xs | .cell-xs | .cell-lg | .cell-lg | .cell-xlg | .cell-sm | cell-action
Taille théorique | 50px | 50px | 200px | 200px | 300px | 100px | 64px
Taille réelle |  |  |  |  |  |  |
| 99 |  | 1 65 05 35 567 897 | CHATEAUBRIAND | Jean René | 16/05/1945 |
| 100 |  | 1 65 05 35 567 897 | CHATEAUBRIAND | Jean René | 16/05/1945 |
| 101 |  | 1 65 05 35 567 897 | CHATEAUBRIAND | Jean René | 16/05/1945 |

## Tableau contraint à taille de cellules modulaires

Le tableau est contraint à 1000px, des cellules est exprimée en module sur une grille de 24 modules. la somme des module est de 100% de la taille du tableau

|  |  | Nir | Nom | Prénom test de libelle très long très long | date de naissance |
--- | --- | --- | --- | --- | --- | --- | ---
Style css (3) | .cell-1 | .cell-1 | .cell-4 | .cell-4 | .cell-6 | .cell-3 | cell-2
Taille théorique | 42px | 42px | 166px | 166px | 250px | 125px | 83px
Taille réelle |  |  |  |  |  |  |
| 99 |  | 1 65 05 35 567 897 | CHATEAUBRIAND | Jean René | 16/05/1945 |
| 100 |  | 1 65 05 35 567 897 | CHATEAUBRIAND | Jean René | 16/05/1945 |
| 101 |  | 1 65 05 35 567 897 | CHATEAUBRIAND | Jean René | 16/05/1945 |

## Tableau contraint à taille de cellules fixe

Le tableau est contraint à 1000px, la taille de certaines cellules est exprimée en valeurs fixes (px). Une colonne est laissée sans taille définie pour absober les variations de taille du tableau.

|  |  | Nir | Nom | Prénom test de libelle très long très long | date de naissance |
--- | --- | --- | --- | --- | --- | --- | ---
Style css | .cell-fixed-xxs | .cell-fixed-xs | .cell-fixed-sm | .cell-fixed-md | aucun | .cell-date | cell-action
Taille théorique | 30px | 50px | 100px | 150px | variable | 100px | 48px
Taille réelle |  |  |  |  |  |  |
| 99 |  | 1 65 05 35 567 897 | CHATEAUBRIAND | Jean René | 16/05/1945 |
| 100 |  | 1 65 05 35 567 897 | CHATEAUBRIAND | Jean René | 16/05/1945 |
| 101 |  | 1 65 05 35 567 897 | CHATEAUBRIAND | Jean René | 16/05/1945 |