Blog extrowebsite

Extrowebsite Logo
Tabella responsive con scroll verticale
Tabella responsive con scroll verticale e header fissa

Visualizzare sul monitor una tabella con una grande mole di dati non ha mai rappresentato un problema. Se a questo aggiungiamo che la suddetta tabella potrebbe avere centinaia di celle, allora il discorso cambia. Non ultimo, se tale tabella dovesse essere richiamata attraverso un tipo di media quale uno smartphone, in questo caso comincerebbero ad esserci problemi, sopratutto dovuti al fatto di effettuare continui scroll in verticale ed orizzontale. La soluzione potrebbe essere di mostrare a video una tabella con scroll verticale, mentre da smartphone la stessa tabella in maniera che si adatti alle dimensioni del media.

Extrowebsite Logo
Tabella responsive
Tabella Responsive

L'uso sempre più frequente degli smartphone per accedere al web, ha introdotto il problema, tra le altre cose, di visualizzare elementi di grandi dimensioni che a video non hanno nessuna difficoltà ma che, appunto, su tipi di media diversi dal monitor del pc, risultano completamente rovinati o peggio ancora, inducono ad un frequente e snervante scroll orizzontale e verticale. Tra questi elementi annotiamo le tabelle. L'argomento di oggi tratta come realizzare una tabella completamente responsive, con i CSS3.

Extrowebsite Logo

Il "" è stato introdotto per agevolare nella creazione, in modo rapido e molto semplice, di layout multicolonne,con il solo ausilio dei CSS3. In questo articolo verranno analizzate le proprietà messe a disposizione dal suddetto modulo e cosa è possibile ottenere con esso.

Extrowebsite Logo

Prima di enterare nel merito dell'articolo, credo sarebbe bene stabilire le differenze tra gli elementi di blocco (block elements) e gli elementi in linea (inline elements). Comprendere questi concetti, rende di facile apprendimento il comportamento della proprietà CSS display: inline-block.

Extrowebsite Logo
Tabella a righe di colore alterno con i CSS3
Tabella a righe di colore alterno con i CSS3

Le tabelle con righe di colore alternato, di certo, non sono una novità e se ne discute, e mette in atto, da molto tempo. Si presume che aiutino l'usabilità nella lettura dei dati offrendo all'utente un mezzo per differenziare e separare le righe, le une dalle altre.