title: Table border is missing in some browsers .(border-collapse)
body: <p>For the following table structure table border is showing in some browsers, and in some browsers it is not showing.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.test-table, table.test-table th, table.test-table td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 5px !important;
  } 
  .test-td{
    border-bottom:0px !important;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table class="test-table"&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td colspan="2"&gt;Heading 1&lt;/td&gt;
              &lt;td rowspan="2"&gt;Heading 2&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Test &lt;/td&gt;
              &lt;td&gt;Test &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td colspan="2"&gt;Test&lt;/td&gt;
              &lt;td rowspan="2" class="test-td"&gt;Test&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Test&lt;/td&gt;
              &lt;td&gt;Test&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td colspan="2"&gt;Test&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td colspan="2" class="common-heading"&gt;Test&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;&lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>See the below screenshot of table in browsers:</p>
  
  <p>Firefox table</p>
  
  <p><a href="https://i.stack.imgur.com/9XggJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9XggJ.png" alt="enter image description here"></a></p>
  
  <p>Chrome table</p>
  
  <p><a href="https://i.stack.imgur.com/KfEYn.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KfEYn.jpg" alt="enter image description here"></a></p>
  
  <p>The Firefox table structure is the correct structure, but in Chrome it is not showing properly. What is wrong in this code? How to make the table structure same in every browser?</p>