title: IE | Edge Issue with border on table layout
body: <p>I am having an issue with applying border on the table row ( tr element). Border gets applied on all browsers except IE.</p>
  
  <p>I have added below to table:</p>
  
  <pre><code>    table {
      border-collapse: collapse;
      }
  
     table tr {
        border-bottom: 1px solid #ccc;
     }
  </code></pre>
  
  <p>here is the fiddle : <a href="https://jsfiddle.net/BHUPENDRA1011/1t9kazfe/" rel="nofollow noreferrer">https://jsfiddle.net/BHUPENDRA1011/1t9kazfe/</a></p>
  
  <p>Kindly let me know why it's not appearing on IE 11 / Edge.</p>
  
  <p>Thanks</p>