
 .table-child {
    table-layout: fixed;
    width: 100%; /* o la larghezza che vuoi */
}


/* ===============================
   INTESTAZIONI DELLA TABELLA
   =============================== */

/* Contenuto della cella header */
.table-child th > .th-content-figlio {
    max-height: 40px;           /* Altezza massima */
    overflow: hidden;           /* Nasconde il testo in eccesso */
    white-space: nowrap;        /* Impedisce a capo automatico */
    text-overflow: ellipsis;    /* Mostra "..." se il testo è troppo lungo */
    display: block;             /* Necessario per applicare max-height */
    text-align: center;
}

/* Stile generale delle intestazioni */
.table-child thead th {
               /* Sticky header */
    top: 0;
   background-color:  #999999; /* azzurro chiaro personalizzato */; 
    
    height: 40px;               /* Altezza fissa */
    vertical-align: middle;
    padding: 5px 10px;
}

/* ===============================
   CORPO DELLA TABELLA
   =============================== */
.table-child tbody tr {
   height: auto;            /* Altezza fissa delle righe */
}


.table-child .td-content-figlio {
    max-height: 150px;              /* Altezza massima della cella */
    overflow-y: auto;           /* Scroll verticale se il contenuto supera l'altezza */
    white-space: normal;        /* Permette il testo a capo */
    padding: 0px;
    box-sizing: border-box;
}