Aller au contenu principal

Droptables: Gérer les tables

1. Gérer les tableaux à partir d'un article ou d'un composant

Une fois Droptables installé, vous disposez d'une entrée de composant : menu Composants > Droptables et un bouton d'éditeur qui s'affiche dans votre éditeur. Cliquez dessus pour ouvrir la vue principale Droptables .

 

droptables-éditeur

 

L'interface du gestionnaire de tables s'ouvre dans une fenêtre contextuelle depuis l'éditeur :

 

droptables-lightbox-open

 

Pour insérer un tableau dans votre éditeur, cliquez sur l'espace vide de la ligne et utilisez le bouton « Insérer ce tableau » . Vous pouvez ensuite modifier le tableau avant de l'insérer en cliquant sur son nom.

Le tableau sera alors matérialisé à l'aide d'une icône bleue Droptables .

 

tableau dans l'éditeur

 

Si vous cliquez sur la zone puis à nouveau sur le bouton Droptables , le tableau précédemment ajouté sera chargé.

 

2. Gérer les tables et les catégories

Les tableaux sont classés par catégories. Vous pouvez créer autant de tableaux que vous le souhaitez dans une même catégorie. Pour créer une catégorie de tableaux, cliquez sur « Créer  » > « Catégorie » en haut à gauche. Pour créer un nouveau tableau, cliquez simplement sur « Créer  » > « Tableau ».

 

catégories de tableaux

 

Remarque : une catégorie et un tableau par défaut sont déjà créés lors de l’installation du composant. Vous pouvez déplacer les tableaux et leurs catégories par glisser-déposer.

 

déplacement de table

 

La catégorie peut être gérée en plaçant votre souris dessus ; vous pourrez alors modifier son nom, copier ou supprimer le tableau. 

 

nom-table

 

Pour créer une sous-catégorie, placez votre curseur sur le titre de la catégorie tout à gauche, puis faites glisser votre souris vers la droite ou la gauche pour définir le niveau de cette catégorie.

 

déplacement de catégorie

 

En haut à droite du tableau de bord, vous pouvez filtrer les types de tables, rechercher des tables par nom ou accéder à la configuration.

 

recherche par filtre de tableau

 

3. Édition du tableau

Pour ajouter des données dans les tableaux, procédez comme dans un tableur. Un double-clic sur une cellule permet de modifier son contenu, un simple clic de sélectionner une ou plusieurs cellules (et d'appliquer un style, par exemple).

 

cellule d'édition

 

Pour ajouter des lignes ou des colonnes, vous pouvez utiliser le clic droit et sélectionner l'option.

 

clic droit > ajouter

 

Pour copier des cellules, vous pouvez utiliser CTRL+C / CTRL+V ou placer votre souris dans le coin inférieur droit de la cellule et la déplacer dans la direction souhaitée.

 

copie-cellule

 

Remarque : toutes les modifications sont enregistrées automatiquement et instantanément, avec un message à côté de la barre de menu. Vous pouvez désactiver cette fonctionnalité dans Droptables > Configuration.

 

enregistrer la table

 

Le menu contextuel (accessible par clic droit) vous permet d'annuler les dernières modifications, c'est-à-dire toutes les modifications effectuées depuis le rechargement de la page. Droptables conserve une sauvegarde des modifications apportées au contenu des cellules et peut les restaurer.

 

annuler l'action

4. Édition de contenu avancée

Cellules HTML

Vous pouvez désormais ajouter du contenu HTML grâce à un éditeur WYSIWYG intégré à chaque cellule. Sélectionnez une cellule, puis cliquez sur l'icône < > dans la barre d'outils. L'éditeur HTML s'affichera alors à l'intérieur de la cellule. Vous pourrez y ajouter du contenu HTML et des images.

 

cellule HTML

 

Fusionner les cellules

Il est également possible de fusionner les cellules. Sélectionnez au moins deux cellules, puis effectuez un clic droit ; un menu contextuel vous permettra de les fusionner. Vous pouvez également utiliser l’icône « Fusionner les cellules » de la barre d’outils.

 

fusionner les cellules

 

Masquer les colonnes sur l'interface utilisateur

Pour masquer une colonne d'un tableau sur le site, faites un clic droit sur l'en-tête de la colonne, puis sélectionnez l' « Masquer la colonne » . Une coche verte apparaîtra à la fin de la sélection. La colonne ne sera alors plus visible pour les utilisateurs. Vous pouvez masquer autant de colonnes que vous le souhaitez.

 

masquer-colonne-frontend

 

Cette fonctionnalité est également disponible pour les tables de la base de données.

 

5. Exportation vers Excel et les feuilles de calcul

Vous pouvez exporter des feuilles de calcul Droptables grâce à notre outil dédié. Celui-ci doit être activé dans la configuration : Droptables > Configuration > Paramètres principaux.

 

importation Excel

 

Les tableaux peuvent être importés depuis Excel ou OpenOffice. Le format sera détecté et importé automatiquement. Veuillez noter que seule la première page Excel sera importée. L'exportation peut se faire aux formats Excel 2003 ou 2007.

 

Excel - Importer et exporter des feuilles de calcul

 

Vous pouvez également importer ou exporter uniquement les données du tableau ou les données du tableau et leurs styles . L'importation des seules données est très pratique pour conserver votre mise en page lors de l'importation.

6. Code court

Code court des cellules

L'utilisateur peut insérer plusieurs lignes et colonnes à l'aide d'un shortcode au lieu d'un tableau entier. Commencez par sélectionner les cellules à insérer. Ensuite, faites un clic droit et choisissez « Insertion de cellules par shortcode » dans le menu contextuel.

 

code court de sélection de cellule

 

Après avoir sélectionné les options dans la fenêtre contextuelle, cliquez sur Copier . Vous pourrez ensuite coller le code court dans vos articles/pages.

ex. : [Droptable id="1" download="1" align="none" range="1,1,4,4"]