title: Preventing td from getting smaller when content is empty
body: <p>I have the following table structure. I have a table inside a table here.</p>
  
  <p><a href="https://i.stack.imgur.com/NCb3V.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NCb3V.png" alt="enter image description here"></a></p>
  
  <p>My issue is, if the td doesnt contain any text, the full-height gets removed for some reason:</p>
  
  <p><a href="https://i.stack.imgur.com/TxgwF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TxgwF.png" alt="enter image description here"></a></p>
  
  <p>This is my HTML: (mixed with some Razor which isnt really relevant here)</p>
  
  <pre><code>&lt;td style="padding:0;margin:0;"class="border border-dark border-dark"&gt;
                      &lt;table class=" table-borderless justify-content-center " cellspacing="20" style="height:100%!important;padding:0;margin:0;"&gt;
                          &lt;tr style="height:100%; text-align:center;font-size:10px;"class="flex-none"&gt;
                                              if (condition)
                                              {
                                                  &lt;td style="width:@Percent%; height:100%;" onclick="document.getElementById('EventId_HiddenInput').value='@Model.Events.SingleOrDefault(r =&gt; r.EventId == id).EventId';" class="FillModalWithEventData bg-primary flex-md-fill"&gt;
                                                      &lt;a onclick="document.getElementById('EventId_HiddenInput').value='@Model.Events.SingleOrDefault(r =&gt; r.EventId == id).EventId';" class="FillModalWithEventData"&gt;@Model.Events.SingleOrDefault(r =&gt; r.EventId == id).Company.ToString()&lt;/a&gt;
                                                  &lt;/td&gt;
  
                                              }
                                              else
                                              {
                                                  &lt;td style="width:@Percent%;height:100%; " onclick="document.getElementById('EventId_HiddenInput').value='@Model.Events.SingleOrDefault(r =&gt; r.EventId == id).EventId';" class="FillModalWithEventData bg-primary "&gt;
                                                      &lt;a onclick="document.getElementById('EventId_HiddenInput').value='@Model.Events.SingleOrDefault(r =&gt; r.EventId == id).EventId';" class="FillModalWithEventData"&gt;filler&lt;/a&gt;
  
                                                  &lt;/td&gt;
                                              }
  
                              &lt;td&gt;
                          &lt;/tr&gt;
                      &lt;/table&gt;
                  &lt;/td&gt;
  </code></pre>
  
  <p>How can I prevent it from shrinking and keep it at full height if td is empty?</p>