Tables dans l’éditeur WYSIWYG avancé

Plans prenant en charge cette fonctionnalité : Professional Business Enterprise

Les tableaux sont un outil essentiel pour organiser et présenter les données dans un format clair et structuré. Que vous compariez des fonctionnalités, des options de listes ou résumiez des informations, les tableaux améliorent la lisibilité du contenu et facilitent la compréhension des données complexes.

L'éditeur WYSIWYG avancé propose une gamme de fonctionnalités puissantes de mise en forme et de gestion de tables, conçues pour vous aider à créer facilement des tableaux visuellement attrayants et fonctionnels. Qu'il s'agisse d'ajouter des lignes et des colonnes, de personnaliser les couleurs de cellules ou d'implémenter des styles de table avancés, ces fonctionnalités vous aident à créer des tableaux adaptés à vos besoins spécifiques.

Dans cet article, nous allons explorer les différents outils liés aux tables disponibles dans l'éditeur WYSIWYG avancé, en vous fournissant les étapes pour créer, formater et gérer les tables.

Création d'un tableau

Il existe deux méthodes pour créer une table :

Méthode 1 : Utilisation du menu d'insertion rapide

Méthode 2 : Utilisation de la commande Tranche /

Méthode 1

Méthode 2

Pour créer une table dans l'éditeur WYSIWYG avancé en utilisant le menu d'insertion rapide :

Naviguez vers l'article souhaité dans l'éditeur WYSIWYG avancé.
Le menu Insertion rapide n'apparaîtra que lorsque le bloc est vide.
Cliquez sur l'icône Table () dans le menu d'insertion rapide .
Une table 3x3 sera insérée à l'emplacement du curseur de texte.

NOTE
Le menu Insertion rapide disparaîtra automatiquement dès que vous commencerez à taper dans le bloc de contenu.
Si vous effacez le contenu dans un bloc, le menu Insertion rapide réapparaîtra.

Pour créer une table dans l'éditeur WYSIWYG avancé en utilisant la commande Slash :

Naviguez vers l'article souhaité dans l'éditeur WYSIWYG avancé.
Tape la commande /table de coup et appuie sur Entrée.
Vous pouvez spécifier le nombre de lignes et de colonnes à insérer en sélectionnant la taille de grille souhaitée.

NOTE
Si une table contient plus de données horizontalement, des ombres gauche et droite apparaîtront pour indiquer un débordement dans le portail et le site de la base de connaissances. Ces ombres restent visibles jusqu'à ce que vous fassiez défiler jusqu'à la première ou à la dernière colonne.
Lors de l'exportation de l'article en PDF, le tableau sera ajusté pour s'adapter à la mise en page du document, garantissant que toutes les colonnes soient visibles dans le fichier téléchargé.

Disposition de la table d'édition

Rangées et colonnes de gel

Les lignes et colonnes de gel maintiennent les informations critiques des tableaux visibles pendant que les utilisateurs parcourent de grandes bases de données.

Pour geler la rangée :

Pour figer une ligne, sélectionnez-la et choisissez Gel jusqu'à cette ligne dans le menu déroulant. La ligne sélectionnée et toutes les lignes au-dessus resteront visibles pendant le défilement.
Pour dégeler, sélectionnez à nouveau la ligne et choisissez Désgeler ligne.

Pour geler la colonne :

Pour figer une colonne, sélectionnez-la et choisissez Geler jusqu'à cette colonne dans le menu déroulant. La colonne sélectionnée et toutes les colonnes à sa gauche resteront visibles pendant le défilement.
Pour dégeler, sélectionnez à nouveau la colonne et choisissez Désgeler la colonne.

Les lignes et colonnes peuvent être figées simultanément sans se surpasser les unes les autres.

NOTE
Seuls les utilisateurs peuvent configurer les paramètres de gel lors de la modification des tables dans le portail.
Les lecteurs peuvent consulter le tableau avec les lignes et colonnes figées dans le Knowledge base site, mais ne peuvent pas modifier les paramètres de gel.

Insertion d'une ligne ou d'une colonne

a. Pour insérer une ligne :

Cliquez sur un portable.
Cliquez sur l'icône « + » pour insérer une nouvelle ligne sous la ligne sélectionnée. Ou,
Cliquez sur le menu action de ligne (), puis sélectionnez Insérer ligne au-dessus ou Insérer ligne ci-dessous, selon vos besoins. Une nouvelle ligne ne peut pas être ajoutée au-dessus de la première rangée du tableau.

b. Pour insérer une colonne :

Cliquez sur un portable.
Cliquez sur l'icône « + » pour insérer une nouvelle colonne à côté de la colonne sélectionnée. Ou,
Cliquez sur le menu action de la colonne (), et sélectionnez Insérer colonne à gauche ou Insérer colonne à droite, selon vos besoins.

Suppression d'une ligne ou d'une colonne

Pour supprimer une ligne, cliquez sur le menu d'actions et cliquez sur Supprimer la ligne.
Pour supprimer une colonne, cliquez sur le menu d'actions puis sur Supprimer la colonne.

A table displaying employee details with options to insert or delete rows and columns.

Actions rapides des cellules

Pour effectuer des modifications rapides sur une seule cellule,

Survolez une cellule pour trouver l' icône des options de cellule ().
Cliquez pour trouver les options à définir :
1. Couleur de fond de la cellule - cliquez pour définir une couleur d'arrière-plan pour la cellule sélectionnée
2. Couleur de bordure de cellule - cliquez pour définir une couleur de bordure pour la cellule sélectionnée
3. Alignement vertical - cliquez pour aligner le contenu de la cellule en haut, centre ou bas
4. Alignement horizontal - cliquez pour aligner le contenu de la cellule à gauche, centre, droite ou justifier

NOTE
Sélection de texte à l'intérieur des cellules
Vous pouvez sélectionner du texte avec précision dans les cellules du tableau.
Un clic unique pour placer le curseur exactement à la position cliquée.
Double-cliquez pour sélectionner le mot cliqué (ou le caractère, s'il est simple).
Triple clic pour sélectionner toute la ligne.
Quatrième clic pour sélectionner tout le contenu des cellules, y compris le texte, les images et les listes.

Personnalisation de l'apparence de la table

Changement de couleur de fond

Pour changer la couleur de fond des cellules du tableau :

Sélectionnez une ou plusieurs cellules.
Dans le menu qui apparaît, cliquez sur Couleur d'arrière-plan.
Sélectionnez la couleur désirée dans la palette affichée.

Customize table appearance with options for background color and alignment settings.

ASTUCE PRO
Une fois que vous avez effectué des mises à jour de la couleur d'arrière-plan dans les tableaux, vérifiez l'aperçu de l'article en mode sombre pour vérifier la visibilité du tableau.

Changement de couleur de la bordure

Pour changer la couleur de la bordure des cellules du tableau :

Sélectionnez une ou plusieurs cellules.
Dans le menu qui apparaît, cliquez sur Couleur de bordure.
Sélectionnez la couleur désirée dans la palette affichée.

Customize table appearance options including border color and alignment settings.

Style de bordure

Pour changer le style de bordure, sélectionnez toute la table.

Dans le menu qui apparaît, cliquez sur l'option Style bordure .
Choisissez votre style de bordure préféré : uni, pointillé, pointillé ou sans bordure.

REMARQUE :
L'option « Pas de bordure » s'applique uniquement lorsque la table entière est sélectionnée à l'aide de la poignée de sélection de blocs de la table. Il ne sera pas disponible lors de la sélection de cellules individuelles.

Table displaying border style options including solid, dashed, dotted, and no border.

Alignement des cellules

Pour aligner le texte dans une cellule, sélectionnez une ou plusieurs cellules et sélectionnez l'option d'alignement qui apparaît dans le menu. Deux options d'alignement sont disponibles : alignement vertical et alignement horizontal.

Alignement vertical

Si vous sélectionnez l'option Aligner verticalement (), vous pouvez aligner le texte en haut, au milieu ou en bas de la cellule.

Table displaying sections with vertical alignment options for features and titles.

Alignement horizontal

Si vous sélectionnez l'option Aligner horizontalement (), quatre options sont disponibles : Gauche, Centre, Droite et Justifier. Si vous sélectionnez Gauche, Centre ou Droite, le texte sera aligné en conséquence. Si vous sélectionnez Justifier, le texte sera aligné à gauche, tandis que le texte sera également espacé pour couvrir toute la largeur de la cellule.

Table displaying border style options with horizontal alignment settings for features.

Fusion des cellules dans une table

Pour fusionner plusieurs cellules dans un tableau :

Sélectionnez plusieurs cellules dans le tableau.
Dans le menu qui apparaît, cliquez sur l'icône Fusionner les cellules ().
Les cellules sélectionnées seront combinées en une seule cellule.

Table displaying sections, features, and content with an option to merge cells.

Ajuster la largeur de la table à la page

Pour adapter un tableau à la largeur de la page, sélectionnez le tableau. Dans le menu qui apparaît lorsque vous sélectionnez la table, cliquez sur l'option Ajuster la table à la largeur de page . Cela ajustera automatiquement le tableau pour couvrir toute la largeur de la page, garantissant une répartition uniforme du contenu dans l'espace disponible.

A table displaying titles, features, and content with a fit to page width option.

NOTE
Vous pouvez ajuster manuellement la largeur des colonnes de la table en faisant passer le curseur entre deux colonnes jusqu'à ce que le curseur de redimensionnement apparaisse, puis en le faisant glisser pour définir la largeur désirée. Cela vous permet de contrôler la mise en page des colonnes au lieu d'adapter automatiquement le tableau à la largeur de la page.

Lignes d'en-tête

La rangée du haut est par défaut une ligne d'en-tête lorsque vous insérez une table dans l'éditeur WYSIWYG avancé. La ligne d'en-tête est indiquée par un fond gris.

A table displaying sections with titles, features, and content for organization.

Si vous souhaitez masquer la ligne d'en-tête, sélectionnez toute la table et cliquez sur l'option Masquer l'en-tête de table .
Si vous avez caché la ligne d'en-tête et souhaitez la montrer à nouveau, sélectionnez l'ensemble du tableau et cliquez sur l'option Afficher l'en-tête du tableau .

Style de rangée alternatif

Pour personnaliser encore davantage vos tableaux, vous pouvez choisir d'avoir des rangées en bandes. Si vous implémentez cette option, la couleur de vos rangées alternera entre blanc et gris clair.

Table displaying sections with titles, features, and corresponding content highlighted for clarity.

Pour réaliser cette personnalisation, sélectionnez toute la table.
Dans le menu qui apparaît, cliquez sur l'option Style de rangée alternatif .

ASTUCE PRO
Vous pouvez personnaliser encore davantage vos tables en utilisant des extraits de code CSS. Pour en savoir plus, consultez l'article Table Style .

FAQ

Comment puis-je copier toute la table ?

Pour copier le tableau, sélectionnez toute la table et cliquez sur l'option Copier qui apparaît dans le menu.

Comment supprimer toute la table ?

Pour supprimer un tableau : Sélectionnez le tableau en cliquant dans le coin supérieur gauche. Ensuite, choisissez Supprimer dans le menu qui apparaît.

Comment copier une ligne ou une colonne entière d'un tableau dans l'éditeur avancé WYSIWYG ?

Vous pouvez facilement copier-coller des lignes ou colonnes entières dans l'éditeur WYSIWYG avancé en utilisant les raccourcis clavier et le menu d'action du tableau.

Pour copier une ligne :

Naviguez jusqu'à la table et sélectionnez la ligne désirée.
Survolez le bord gauche de la rangée pour révéler le menu d'action de la rangée ().
Appuyez Ctrl + C pour copier la ligne sélectionnée.
Naviguez jusqu'à la rangée où vous voulez coller.
Cliquez sur la ligne cible pour afficher le menu d'action de la ligne (), puis cliquez sur le menu et :
- Appuyez Ctrl + P pour coller avec la mise en forme.
- Appuyez Ctrl + Shift + P pour coller sans formatage.

Pour copier une colonne :

Sélectionnez la colonne souhaitée dans le tableau.
Survolez la case supérieure de la colonne pour révéler le menu d'action de la colonne ().
Appuyez Ctrl + C pour copier la chronique.
Cliquez sur la colonne cible pour afficher le menu d'action de la colonne (), puis cliquez sur le menu et :
- Appuyez Ctrl + P pour coller avec la mise en forme.
- Appuyez Ctrl + Shift + P pour coller sans formatage.

Puis-je utiliser le numéro automatique dans un tableau ?

Bien que des listes numérotées soient possibles dans une cellule, vous ne pouvez pas appliquer un numéro automatique pour les lignes dans un tableau.

Puis-je ajouter des symboles ou des icônes à une table ?

Oui, vous pouvez ajouter des symboles et des icônes dans un tableau. Vous pouvez utiliser les symboles/icônes intégrés directement depuis le menu Format. Des symboles et icônes provenant de sources externes peuvent être ajoutés via HTML. Pour ajouter des symboles/icônes en HTML,

Passez à la vue code dans l'éditeur.
Placez le curseur de texte à l'endroit souhaité.
Collez le code HTML pour le symbole/icône requis.

Maintenant, le symbole/l'icône devrait être visible dans la table d'édition.

Les commandes de barrage fonctionnent-elles à l'intérieur d'une table ?

Oui, toutes les commandes de barrage fonctionneront à l'intérieur d'une table.

Puis-je coller des tables depuis Microsoft Word ou Excel ?

Document360 permet de coller directement les tables de Microsoft Word et de l'application web de Microsoft Excel dans l'éditeur tout en conservant leur structure.

Actuellement, le collage de tables depuis l'application de bureau de Microsoft Excel n'est pas pris en charge. Si vous devez insérer un tableau depuis Excel, nous recommandons d'utiliser l'application web, qui vous permet de coller le tableau directement dans Document360 sans perte de formatage.

Comment ajouter un saut de ligne dans une cellule de table ?

Ajoutez des sauts de ligne dans une cellule de tableau en appuyant sur Entrée ou Majus+Entrée.

Pour le texte normal, cela crée une nouvelle ligne dans la même cellule.
Pour les listes (avec puces ou numérotées) :
- Appuyez sur Entrée pour créer l'élément de la liste suivant.
- Appuyez sur Majus+Entrée pour insérer une coupure de ligne sans lancer une nouvelle puce ou un nouveau numéro.

ASTUCE PRO
Utilisez Majus+Entrée dans les éléments de la liste lorsque vous voulez continuer ou développer le même point sur une nouvelle ligne.

Combien de lignes et de colonnes puis-je créer dans un tableau, et comment puis-je en ajouter davantage ?

Lorsque vous créez initialement une table dans Document360, le nombre de lignes et de colonnes que vous pouvez définir est limité en fonction de l'éditeur que vous utilisez :

Type d'éditeur	Rangées maximales	Colonnes max
Éditeur Markdown	15	10
Éditeur WYSIWYG	10	10
WYSIWYG avancé	10	10

Ajout de lignes ou de colonnes

Éditeur Markdown :
Vous pouvez dessiner manuellement des lignes et colonnes supplémentaires en modifiant la structure des tables dans la syntaxe Markdown.
Rédacteur en chef WYSIWYG :
Cliquez sur une cellule, puis utilisez l'icône Insérer ligne ou colonne Insérer . Une seule ligne ou colonne peut être ajoutée à la fois.
Éditeur WYSIWYG avancé :
Survolez la ligne ou la colonne souhaitée et cliquez sur l'icône plus (+) pour l'insérer. Comme pour WYSIWYG, vous ne pouvez ajouter qu'une seule ligne ou colonne à la fois.

Comment puis-je supprimer ou fusionner plusieurs lignes/colonnes avec une ligne/colonne commune ?

Pour fusionner plusieurs lignes partageant une colonne commune, ou pour fusionner plusieurs colonnes partageant la même ligne, fusionnez les lignes/colonnes du tableau à l'aide de l'icône Fusionner les cellules (). Le tableau se redimensionne pour s'adapter au contenu, et toutes les lignes ou colonnes supplémentaires seront automatiquement supprimées.