1. Gestire le tabelle dall'articolo o dal componente

Quando Droptables è installato hai una voce componente, menu Componenti > Droptables e un pulsante dell'editor visualizzato nell'editor. Cliccandoci sopra si apre 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 avere tutte le tabelle desiderate all'interno di una categoria. Per creare una categoria di tabella, fare clic su Crea  nuovo > Categoria nell'angolo in alto a sinistra. Per creare una nuova tabella, è sufficiente fare clic su Crea  nuovo > 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 contenuto HTML con un editor WYSIWYG all'interno di ogni cella. Seleziona una cella, clicca sull'icona < > sulla barra degli strumenti. Ora, quando modifichi la cella, avrai un editor HTML al suo interno. Sono disponibili sia immagini che 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 front-end, puoi cliccare con il tasto destro del mouse sull'intestazione della colonna e selezionare l' "Nascondi colonna sul front-end" . Il segno di spunta verde apparirà alla fine dell'opzione. A questo punto, gli utenti non potranno più vedere quella colonna sul front-end. 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 fogli di calcolo in Droptables utilizzando il nostro strumento dedicato. 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"]