Add a table in Webflow

 <style>
/* Style général pour les tableaux, réglant la largeur, l'espacement, etc. */
table {
    width: 100%; /* Largeur du tableau, peut être ajustée en pourcentage ou en pixels */
    margin: 24px 0; /* Espace au-dessus et en dessous du tableau */
    border-collapse: separate; /* Garde les bordures des cellules séparées */
    border-spacing: 0; /* Aucun espace entre les bordures des cellules */
    position: relative; /* Nécessaire pour positionner les éléments pseudo avant et après */
}

/* Bordure externe du tableau, réglant la couleur, l'épaisseur et le style */
table::before {
    content: ""; /* Nécessaire pour créer un élément pseudo */
    position: absolute; /* Positionnement absolu par rapport au tableau */
    top: 0; /* Position en haut du tableau */
    left: 0; /* Position à gauche du tableau */
    right: 0; /* Position à droite du tableau */
    bottom: 0; /* Position en bas du tableau */
    border: 1px solid #EBEBEB; /* Épaisseur, style et couleur de la bordure extérieure */
    border-radius: 12px; /* Rayon de la bordure pour les coins arrondis */
    z-index: -1; /* Place l'élément derrière le contenu du tableau */
}

/* Style des cellules du tableau, réglant le padding, l'alignement du texte, etc. */
th, td {
    padding: 8px 12px; /* Espace à l'intérieur de chaque cellule */
    text-align: left; /* Alignement du texte dans les cellules */
    font-size: 14px; /* Taille de la police dans les cellules */
    min-width: 192px; /* Largeur minimale de chaque cellule */
}

/* Style spécifique pour les en-têtes du tableau */
th {
    font-weight: 600; /* Graisse de la police pour les en-têtes */
}

/* Style spécifique pour les cellules de données */
td {
    vertical-align: top; /* Alignement vertical du contenu dans les cellules */
}

/* Bordures entre les cellules, évite les bordures doublées */
th:not(:last-child), td:not(:last-child) {
    border-right: 1px solid #EBEBEB; /* Bordure à droite de chaque cellule sauf la dernière */
}

/* Bordure en bas de chaque cellule */
th, td {
    border-bottom: 1px solid #EBEBEB; /* Bordure en bas de chaque cellule */
}

/* Suppression de la bordure en bas pour la dernière ligne de cellules */
tr:last-child td {
    border-bottom: none; /* Pas de bordure en bas pour la dernière ligne */
}

/* Conteneur autour du tableau pour gérer le défilement sur les petits écrans */
.tableau-container {
    overflow-x: visible; /* Défilement horizontal si nécessaire */
    width: auto; /* Largeur automatique par défaut */
}

/* Style pour les petits écrans, comme les tablettes et mobiles */
@media (max-width: 768px) {
    .tableau-container {
        overflow-x: scroll; /* Active le défilement horizontal */
        width: 100%;  /* Largeur maximale sur petits écrans */
    }
}
</style>