title: How to remove only bottom border on specified row in html table
body: <p>I have simple html table on which I want to remove bottom border of <code>tr</code> on specific row. </p>
  
  <p>The table</p>
  
  <pre><code>&lt;table cellpadding="5"&gt;
      &lt;thead&gt;
          &lt;tr valign="top"&gt;
              &lt;th&gt;Title&lt;/th&gt;
              &lt;th&gt;Title 2&lt;/th&gt;
              &lt;th&gt;Title 3&lt;/th&gt;
              &lt;th&gt;Title 4&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
  
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;Test Entry&lt;/td&gt;
              &lt;td&gt;Test Entry&lt;/td&gt;
              &lt;td&gt;Test Entry&lt;/td&gt;
              &lt;td&gt;Test Entry&lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;tr class="no-bottom-border"&gt;
              &lt;td&gt;Test Entry&lt;/td&gt;
              &lt;td&gt;Test Entry&lt;/td&gt;
              &lt;td&gt;Test Entry&lt;/td&gt;
              &lt;td&gt;Test Entry&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Test Entry&lt;/td&gt;
              &lt;td&gt;Test Entry&lt;/td&gt;
              &lt;td&gt;Test Entry&lt;/td&gt;
              &lt;td&gt;Test Entry&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>What I've tried is to add class to the <code>tr</code> which I want to be without bottom border <code>class="no-bottom-border"</code> and with css to remove it</p>
  
  <pre><code>tr .no-bottom-border {border-bottom: none}
  </code></pre>
  
  <p>This doesn't seems to work. Here is the <a href="https://jsfiddle.net/x023t0on/" rel="noreferrer">JSFIDDLE</a> with the table</p>