Samw Samw - 1 year ago 71
CSS Question

css issue in table, styling not showing fully

got styled css table but for some reason the row styling is being cut off, css inspector is showing any obvious error. attached is the css and table

enter image description here
example of issue

see codepen

Answer Source

Using background on td Instead of tr will solve your problem.

table.striped tr:nth-child(even) td {
    background-color: #fff;
table.striped tr:nth-child(odd) td{
    background-color: #efefef;

Updated Codepen