Les scénarios en détail
Catégorie 2023 2024 2025 2026 2027 2028 2029 2030 2031 2032
Meilleur scénario. Exemple de cellule avec un contenu long. 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 €
Scénario réaliste 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 €
Versements cumulés 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 €
Pire scénario 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 €

Avec la classe .-vertical-top

Les scénarios en détail
Catégorie 2023 2024 2025 2026 2027 2028 2029 2030 2031 2032
Meilleur scénario. Exemple de cellule avec un contenu long. 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 €
Scénario réaliste 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 €
Versements cumulés 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 €
Pire scénario 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 € 1522 €
          

HTML


PUG

.tableau-simple-version2
  table
    caption.sr-only Les scénarios en détail
    thead
      tr
        th.col-2(scope='col')
          strong Catégorie
        th.col-1(scope='col')
          | 2023
        th.col-1(scope='col')
          | 2024
        th.col-1(scope='col')
          | 2025
        th.col-1(scope='col')
          | 2026
        th.col-1(scope='col')
          | 2027
        th.col-1(scope='col')
          | 2028
        th.col-1(scope='col')
          | 2029
        th.col-1(scope='col')
          | 2030
        th.col-1(scope='col')
          | 2031
        th.col-1(scope='col')
          | 2032
    tbody
      tr
        th.col-1(scope='row')
          strong Meilleur scénario. Exemple de cellule avec un contenu long.
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
      tr
        th.col-2(scope='row')
          strong Scénario réaliste
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
      tr
        th.col-2(scope='row')
          strong Versements cumulés
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
      tr
        th.col-2(scope='row')
          strong Pire scénario
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €

br
.tableau-simple-version2.-vertical-top
  p Avec la classe .-vertical-top
  table
    caption.sr-only Les scénarios en détail
    thead
      tr
        th.col-2(scope='col')
          strong Catégorie
        th.col-1(scope='col')
          | 2023
        th.col-1(scope='col')
          | 2024
        th.col-1(scope='col')
          | 2025
        th.col-1(scope='col')
          | 2026
        th.col-1(scope='col')
          | 2027
        th.col-1(scope='col')
          | 2028
        th.col-1(scope='col')
          | 2029
        th.col-1(scope='col')
          | 2030
        th.col-1(scope='col')
          | 2031
        th.col-1(scope='col')
          | 2032
    tbody
      tr
        th.col-1(scope='row')
          strong Meilleur scénario. Exemple de cellule avec un contenu long.
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
      tr
        th.col-2(scope='row')
          strong Scénario réaliste
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
      tr
        th.col-2(scope='row')
          strong Versements cumulés
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
      tr
        th.col-2(scope='row')
          strong Pire scénario
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €
        td.col-1
          | 1522 €