title: How to add space in between two tr or rows - CSS
body: <p>How to add space in between two TR or table rows using CSS? </p>
  
  <p>I have a table and in that table I have multiple rows.   </p>
  
  <pre><code>+--------+----------------------------------+
  | COL 1  |               COL 2              |
  |        |                                  |
  |        |                                  |
  |        |                                  |
  +--------+----------------------------------+
  |            Transparent Space              |
  +--------+----------------------------------+
  | COL 1  |               COL 2              |
  |        |                                  |
  +--------+----------------------------------+
  |            Transparent Space              |
  +--------+----------------------------------+
  </code></pre>
  
  <p>In my table I have variable height of COL1 contents, but COL2 has fixed height content.   </p>
  
  <p><strong>I have created JSFiddle:</strong><br>
  <a href="https://jsfiddle.net/w5aLf2vc/" rel="nofollow">https://jsfiddle.net/w5aLf2vc/</a></p>
  
  <p>In above JSFiddle I need to display 30px bottom spacing for each row and that spacing should be transparent or it should be grey as background. Also I am creating this table using <code>ng-repeat</code> and $scope array. </p>