All’interno di SuperSite, il componente Tabelle rappresenta uno strumento utile per strutturare contenuti complessi come listini, comparazioni di servizi o informazioni organizzate in griglie. L’utilizzo delle tabelle consente di migliorare sensibilmente la leggibilità dei dati e di presentare le informazioni in modo chiaro e professionale.
Inserimento della Tabella nella Pagina
Per aggiungere una tabella all’interno di una pagina è necessario utilizzare gli elementi disponibili nell’editor, seguendo questi passaggi:
- accedere alla Barra degli elementi presente nell’editor
- aprire la sezione Utility
- selezionare la voce Tabelle
- scegliere il modello desiderato tra quelli disponibili.
- trascinare il componente nell’area di lavoro utilizzando la funzione drag and drop
Una volta inserita nella pagina, la tabella può essere configurata e personalizzata secondo le esigenze del sito.
Configurazione della Struttura e Impostazioni Base
Dopo l’inserimento del componente è possibile definire la struttura della tabella e i principali parametri di funzionamento.
Per accedere alle impostazioni è necessario selezionare la tabella e cliccare su Modifica tabella, quindi aprire la sezione Impostazioni base.
All’interno di questa sezione è possibile configurare diversi parametri:
- Definizione del numero di righe e di colonne: per definire la dimensione della griglia che ospiterà i dati
- Larghezza fissa delle colonne: utile per mantenere un layout stabile e uniforme
- Indicazioni sui risultati di ricerca: consentono di mostrare informazioni sul numero di elementi visualizzati rispetto al totale disponibile
Personalizzazione del Design e Formattazione del Testo
La tabella può essere personalizzata dal punto di vista grafico per adattarsi allo stile del sito.
Attraverso le impostazioni di formattazione è possibile intervenire su diversi elementi del contenuto:
- Stile del Testo: personalizza l'aspetto dei contenuti impostando Font, Dimensione e Colore. Per migliorare la gerarchia visiva delle informazioni è possibile applicare il grassetto e definire l’allineamento desiderato (a sinistra, centrato o a destra)
- Colori e Sfondi: applica colori personalizzati allo sfondo delle righe e delle colonne. Utilizzare questa funzione per creare effetti di alternanza cromatica (zebra stripes) che facilitano la lettura dei dati
- Bordi: gestire la separazione visiva tra le celle configurando i bordi. Il sistema permette di definire separatamente le caratteristiche dei bordi interni ed esterni, impostandone sia lo spessore che il colore
Formattazione Avanzata dei Link
Nel caso in cui le celle della tabella contengano collegamenti ipertestuali, è possibile personalizzarne l’aspetto grafico per renderli più riconoscibili.
Le impostazioni consentono di modificare il colore dei link, applicare la sottolineatura oppure visualizzare icone grafiche associate al collegamento.
Gestione di Filtri, Ricerca e Impaginazione
Quando una tabella contiene un numero elevato di dati, è possibile attivare alcune funzionalità che facilitano la consultazione da parte degli utenti:
- Campo di ricerca: consente di filtrare rapidamente i contenuti presenti nella tabella
- Numero di righe per pagina: stabilisce quanti elementi devono essere visualizzati contemporaneamente
- Impaginazione: permette di navigare tra le diverse pagine della tabella.
Importazione ed Esportazione dei Dati
Il componente supporta la gestione dei dati tramite file in formato CSV, utile per lavorare con grandi quantità di informazioni.
Attraverso queste funzioni è possibile importare un file CSV per popolare automaticamente la tabella con dati esterni oppure esportare i dati presenti nella tabella per elaborarli localmente.
Questa modalità permette di gestire rapidamente grandi volumi di informazioni senza dover inserire manualmente i dati all’interno delle singole celle.