CSS border dotted

[PaulOB]

@nikostzounakos

.dotted-gradient {
  background-image: linear-gradient(to right, #333 40%, rgba(255, 255, 255, 0) 20%);
  background-position: top;
  background-size: 3px 1px;
  background-repeat: repeat-x;
}

I think I must have misunderstood the requirements as you could apply the gradient to the tr anyway.

e.g.

If that’s not what you meant then please fork the codepen and show us what you are working with so we can refine a solution