Imparare a creare un tavolo reattivo.
tabelle responsive
Una tabella reattivo mostrerà una barra di scorrimento orizzontale se lo schermo è troppo piccola per visualizzare l'intero contenuto. Ridimensionare la finestra del browser per vedere l'effetto:
| Nome di battesimo | Cognome | Punti | Punti | Punti | Punti | Punti | Punti | Punti | Punti | Punti | Punti | Punti | Punti |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Jill | fabbro | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 |
| vigilia | Jackson | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 |
| Adamo | Johnson | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 |
Per creare una tabella reattivo, aggiungere un elemento contenitore con overflow-x:auto in tutto il <table> :
Vai al nostro tutorial tabelle CSS per saperne di più tabelle.