title: How to make all table row in same height when a <td> has another table inside it
body: <p>I am trying to make the table row at same height, but the table inside  is smaller height than the other rows. The position will change when the length of each table data changed. Is there any ways to make table row height at same level?</p>
  
  <p>height: 100% is not working, I also tried padding-bottom:0. But still not working.</p>
  
  <p><a href="https://i.stack.imgur.com/zSbis.jpg" rel="nofollow noreferrer"><code>Image</code></a></p>
  
  <pre><code>&lt;tbody&gt;
    &lt;tr&gt;
      &lt;td&gt;TARGET_19283612&lt;/td&gt;
      &lt;td style="padding-left: 1rem"&gt;John Doe&lt;br&gt;
        399 Briarhill Lane &lt;br&gt; Akron OH 44307&lt;br&gt;
        123-456-7890&lt;br&gt; john.doe@gmail.com
      &lt;/td&gt;
      &lt;td style="text-align: center"&gt;5&lt;/td&gt;
      &lt;td style="padding: 0"&gt;
        &lt;div&gt;
          &lt;table class="table table-striped" style="margin: 0"&gt;
            &lt;tr style="background: transparent"&gt;
              &lt;td&gt;018635013640123401234&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr style="background: transparent"&gt;
              &lt;td&gt;018635013640123401234&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr style="background: transparent"&gt;
              &lt;td&gt;380457023456293452435245&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr style="background: transparent"&gt;
              &lt;td&gt;1351465134135145134274546453645&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr style="background: transparent"&gt;
              &lt;td&gt;319483148971236947163491234691346193413&lt;/td&gt;
            &lt;/tr&gt;
          &lt;/table&gt;
        &lt;/div&gt;
      &lt;/td&gt;
      &lt;td style="padding: 0"&gt;
        &lt;div&gt;
          &lt;table class="table table-striped" style="margin: 0"&gt;
            &lt;tr style="background: transparent"&gt;
              &lt;td&gt;5 / 5 / 5 inches&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr style="background: transparent"&gt;
              &lt;td&gt;5 / 5 / 5 inches&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr style="background: transparent"&gt;
              &lt;td&gt;5 / 5 / 5 inches&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr style="background: transparent"&gt;
              &lt;td&gt;5 / 5 / 5 inches&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr style="background: transparent"&gt;
              &lt;td&gt;5 / 5 / 5 inches&lt;/td&gt;
            &lt;/tr&gt;
          &lt;/table&gt;
        &lt;/div&gt;
  
      &lt;/td&gt;
      &lt;td style="padding: 0"&gt;
        &lt;div&gt;
          &lt;table class="table table-striped" style="margin: 0"&gt;
            &lt;tr style="background: transparent"&gt;
              &lt;td&gt;10 lbs 10 oz&lt;/td&gt;
              &lt;p&gt;&lt;/p&gt;
            &lt;/tr&gt;
            &lt;tr style="background: transparent"&gt;
              &lt;td&gt;10 lbs 10 oz&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr style="background: transparent"&gt;
              &lt;td&gt;10 lbs 10 oz&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr style="background: transparent"&gt;
              &lt;td&gt;10 lbs 10 oz&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr style="background: transparent"&gt;
              &lt;td&gt;10 lbs 10 oz&lt;/td&gt;
            &lt;/tr&gt;
          &lt;/table&gt;
        &lt;/div&gt;
      &lt;/td&gt;
      &lt;td style="padding: 0"&gt;
        &lt;div&gt;
          &lt;table class="table table-striped" style="margin: 0"&gt;
  
            &lt;tr style="background: transparent"&gt;
              &lt;td&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr style="background: transparent"&gt;
              &lt;td&gt;Leave at front door&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr style="background: transparent"&gt;
              &lt;td&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr style="background: transparent"&gt;
              &lt;td&gt;Leave at front door&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr style="background: transparent"&gt;
              &lt;td&gt;&lt;/td&gt;
            &lt;/tr&gt;
          &lt;/table&gt;
        &lt;/div&gt;
      &lt;/td&gt;
      &lt;td style="padding: 0"&gt;
        &lt;div&gt;
          &lt;table class="table table-striped" style="margin: 0"&gt;
            &lt;tr style="background: transparent; width: 100%;height: 100%; margin: 0"&gt;
              &lt;td&gt;Delivered&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr style="background: transparent; width: 100%;height: 100%; margin: 0"&gt;
              &lt;td&gt;Delivered&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr style="background: transparent; width: 100%;height: 100%; margin: 0"&gt;
              &lt;td&gt;Delivered&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr style="background: transparent; width: 100%;height: 100%; margin: 0"&gt;
              &lt;td&gt;Delivered&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr style="background: transparent; width: 100%;height: 100%; margin: 0"&gt;
              &lt;td&gt;Delivered&lt;/td&gt;
          &lt;/table&gt;
        &lt;/div&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>