1. Gestire le tabelle dall'articolo o dal componente

Una volta Droptables , troverai una voce di componente nel menu Componenti > Droptables e un pulsante nell'editor . Cliccaci sopra per aprire la vista principale Droptables .

L'interfaccia del gestore delle tabelle viene aperta in un lightbox dall'editor:

Quando vuoi inserire una tabella nel tuo editor, clicca sullo spazio vuoto della riga e usa il pulsante in basso a destra " Inserisci questa tabella" per inserirla nel tuo articolo. Da qui, puoi modificare la tabella prima di inserirla cliccando sul nome della tabella.

Quindi, la tabella verrà materializzata con un'icona blu Droptables .

2. Gestire tabelle e categorie

Le tabelle sono classificate in categorie. È possibile inserire un numero illimitato di tabelle all'interno di ciascuna categoria. Per creare una categoria di tabelle, fare clic su Crea nuova > Categoria nell'angolo in alto a sinistra. Per creare una nuova tabella, è sufficiente fare clic su Crea nuova > Tabella.

La categoria può essere gestita posizionandoci sopra il mouse, sarà possibile modificarne il nome, copiare o eliminare la tabella. 

Per creare una sottocategoria, devi spostare il cursore sul titolo della categoria più a sinistra, quindi puoi trascinare il mouse verso destra o verso sinistra per definire il livello di quella categoria.

Nella parte in alto a destra della dashboard, puoi filtrare i tipi di tabella, cercare le tabelle per nome o andare su Configurazione.

3. Edizione da tavola

Per aggiungere dati nelle tabelle, è necessario agire come se ci si trovasse in un foglio di calcolo. Un doppio clic su una cella consente di aggiornare il contenuto, un singolo clic consente di selezionare una o più celle (e, ad esempio, di applicare uno stile).

Per aggiungere righe o colonne, puoi usare l'opzione "clic destro e selezione".

Per copiare le celle puoi usare CTRL+C / CTRL+V oppure puoi posizionare il mouse nell'angolo in basso a destra della cella e spostarlo nella direzione desiderata.

Dal menu contestuale puoi annullare le ultime modifiche, tutte quelle apportate da quando hai ricaricato la pagina. Droptables conserva un backup delle modifiche apportate con l'edizione del contenuto delle celle ed è in grado di ripristinarle.

4. Edizione con contenuti avanzati

Celle HTML

Ora puoi aggiungere contenuti HTML con un editor WYSIWYG all'interno di ogni cella. Seleziona una cella, sulla barra degli strumenti, fai clic sull'icona < >. Ora, quando modifichi la cella, avrai a disposizione un editor HTML al suo interno. Sono disponibili opzioni per immagini e codice HTML.

Unisci celle

Le celle possono anche essere unite. Seleziona 2 o più celle, quindi fai clic con il pulsante destro del mouse: un menu ti permetterà di unire le celle. Puoi anche utilizzare l'icona "Unisci celle" sulla barra degli strumenti.

Nascondi colonne nel front-end

Per nascondere una colonna di una tabella sul frontend, fai clic con il pulsante destro del mouse sull'intestazione della colonna e seleziona l' "Nascondi colonna sul frontend" . Accanto all'opzione comparirà un segno di spunta verde. In questo modo, gli utenti non potranno più visualizzare la colonna sul frontend. Puoi nascondere tutte le colonne che desideri.

Questa funzionalità è disponibile anche nelle tabelle del database.

5. Esportazione in Excel e fogli di calcolo

È possibile esportare i fogli di calcolo in Droptables utilizzando il nostro strumento dedicato. Questo strumento deve essere attivato dalla configurazione:  Droptables > Configurazione > Impostazioni principali.

Le tabelle possono essere importate da Excel o Open Office. Il formato verrà rilevato automaticamente e importato. Si noti che verrà importata solo la prima pagina di Excel. L'esportazione può essere eseguita in formato Excel 2003 o 2007.

È anche possibile importare o esportare solo i dati della tabella oppure dati della tabella + stili. L'opzione "Importa solo i dati" è molto utile per preservare il layout durante l'importazione.

6. Codice abbreviato

Codice abbreviato delle celle

L'utente può inserire più righe e colonne utilizzando uno shortcode anziché un'intera tabella. Per prima cosa, seleziona le celle che desideri inserire. Quindi fai clic destro su di esse e seleziona Shortcode di inserimento cella dal menu contestuale.

Dopo aver selezionato le opzioni nel popup, clicca Copia . Potrai quindi incollare lo shortcode nei tuoi post/pagine.

ad esempio: [Droptable id="1" download="1" align="none" range="1,1,4,4"]