Customizing table styles

Table style is an important element in Document360 or in any possible avenue for creating a rich design layout for a document. Document360 has better layout options for tables and table elements.

Arranging information in a specific arrangement, typically with rows and columns, can help in understanding the complex structures of data.

Style the tables using CSS Snippets in Document360

To style the tables using CSS Snippets,

1. Navigate to Settings () in the left navigation bar in the Knowledge base portal.

2. In the left navigation pane, navigate to Knowledge base site > Customize site > Custom CSS & JavaScript .

3. From the left navigation pane, click on the CSS tab.

4. Click Add code snippets on the top right of the code space.

   A panel appears, preloaded with seven basic snippets that you can use to customize your knowledge base site.

5. Click the Change table styles (the snippet appears on the Custom CSS code block).

6. Click Ctrl+S or Save on the top right to save the change.

   

Adding custom CSS

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;
}

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