Impostando un layout a due colonne con il Bootstrap framework (usando d-flex) di cui una a destra con larghezza fissa di 60px e l'altra con larghezza variabile ho rilevato un problema nel momento in cui la colonna di sinistra deve contenere una tabella più larga della colonna stessa. Anche impostando la tabella come responsive con la classe table-responsive il problema persiste.
La soluzione è impostare la colonna di destra con min-width della misura desiderata (60px) e la colonna di sinistra con min-width: 0. Non è necessario usare flex-row-1 nella colonna a larghezza variabile.
L'iframe seguente contiene il file html con un esempio funzionante
Commenti offerti da CComment