title: Fill entire table row in CSS
body: <p>How can I fill (with <code>background-color</code>) an entire table row when I have a table with different numbers of columns in each row?</p>
  
  <p>I have a table like this:</p>
  
  <p><a href="https://i.stack.imgur.com/MwbTu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MwbTu.png" alt="enter image description here"></a></p>
  
  <p>But I want to color the entire line to the end, like this (with the same color, not yellow):</p>
  
  <p><a href="https://i.stack.imgur.com/2GYqs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2GYqs.png" alt="enter image description here"></a></p>
  
  <p>Now, I am trying to do it like this:</p>
  
  <pre><code>tr:nth-child(2n+1) {
      background-color: rgb(240, 240, 240);
  }
  </code></pre>