Table style

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.

Why are the table elements important for a document?

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

Follow the below steps to style the tables using CSS Snippets.

1. Navigate to Settings () > Knowledge base site > Customize site > Custom CSS & JavaScript in the Knowledge base portal.

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

3. 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.

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

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