Clause de non-responsabilité: Cet article a été généré par traduction automatique.

Personnalisation des styles de table

Prev Next

Plans prenant en charge cette fonctionnalité : Professional Business Enterprise 

Le style de tableau est un élément important dans Document360 ou dans toute autre voie possible pour créer une mise en page de conception riche pour un document. Document360 offre de meilleures options de mise en page pour les tableaux et les éléments de tableau.

L’organisation des informations dans un arrangement spécifique, généralement avec des lignes et des colonnes, peut aider à comprendre les structures complexes des données.

Stylisez les tableaux à l’aide d’extraits CSS dans Document360

Pour styliser les tableaux à l’aide d’extraits CSS,

  1. Accédez à () dans la barre de navigation de gauche du portail de la base de connaissances.

  2. Dans le volet de navigation de gauche, accédez à Knowledge base site > Customize site > Custom CSS & JavaScript .

  3. Dans le volet de navigation de gauche, cliquez sur l’onglet CSS .

  4. Cliquez sur Ajouter des extraits de code en haut à droite de l’espace de code.

    Un panneau s’affiche, préchargé avec sept extraits de code de base que vous pouvez utiliser pour personnaliser le site de votre base de connaissances.

  5. Cliquez sur Modifier les styles de tableau (l’extrait de code apparaît dans le bloc de code CSS personnalisé).

  6. Cliquez sur Ctrl+S ou Enregistrer en haut à droite pour enregistrer la modification.

Ajout de CSS personnalisé

Vous pouvez également ajouter un style CSS personnalisé à votre tableau, en plus de l’extrait par défaut fourni.

Par exemple

table th, table td{
border: 1px solid #67cfbf;
padding: 2px 10px;
}
table th {
background: #fcf8c0;
font-weight: 600;
}
table th:empty {
display:none;
}
tbody tr:nth-child(odd) {
background-color: #f2f2f2;
}

Si vous saisissez ce code CSS personnalisé dans l’espace de code de l’onglet CSS , votre sortie s’affiche comme suit :
02_Screenshot_Table_style_CSS


FAQ

Comment puis-je supprimer des grilles de tableau ou des bordures dans Document360 ?

Pour supprimer des bordures de tableau ou des grilles, procédez comme suit :

  1. Accédez à () dans la barre de navigation de gauche du portail de la base de connaissances.

  2. Dans le volet de navigation de gauche, accédez à Knowledge base site > Customize site > Custom CSS & JavaScript .

  3. Dans l’onglet CSS , collez le code suivant :

.no-border-table table tr, 
.no-border-table table th, 
.no-border-table table td {
    border: none;
}

Ici, le nom de la classe est no-border-table. Vous pouvez personnaliser le code en fonction du nom de votre classe préférée.

NOTE

Assurez-vous que les noms de classe dans votre HTML (no-border-table) correspondent exactement aux noms de classe que vous avez définis dans votre CSS. Sinon, la mise en page ne sera pas appliquée. Indiquez si des modifications spécifiques à Markdown ou Advanced WYSIWYG doivent être apportées.