What is "zebra-table"

Zebra tables are tables with lines interspersed with different colors. Zebra tables are usually created using CSS or Javascript.

The logic used in most cases is to create CSS style that will change the color of all lines whose index is even or odd.

CSS:

table#tabela-zebrada tbody tr:nth-child(odd) {
    background-color: #666;
}

Examples:

External references:

• CSS property: Nth-Child
• How to Make CSS Zebrada Table 3
• Javascript function for zebrar tables