title: Keep td "expanded" even if empty
body: <p><strong>Situation</strong></p>
  
  <p>The situation is, in the program I am working on I have a 2 *10 table with every <code>&lt;td&gt;</code> Representing an area on the paper where I will print an item. </p>
  
  <p><strong>Problem</strong></p>
  
  <p>The problem is, Only one cell will have information at a time, and in such an event the entire table "collapses"and doesnt respect the table cell format.</p>
  
  <p><strong>What I have done</strong></p>
  
  <p>I believe I have tried every possible option I could try, </p>
  
  <pre><code>&amp;nbsp,empty-cells:show, table-layout: fixed;
  </code></pre>
  
  <p>none of these options help me, when the table is empty is "closes"
  My last option was to put a blank placeholder image in all cells.
  HOWEVER that failed because when I add my specific details to the code it goes "below" the blank image effectively throwing off my table</p>
  
  <p>this is part of the table code</p>
  
  <pre><code>&lt;table border="1" cellpadding="3" id="labelData"&gt;
      &lt;tr&gt;
          &lt;td class="blankl"&gt;
              &lt;div id="content"&gt;
  
                  &lt;img src="~/Content/Image/blankimg.png" alt="Image" /&gt;
  
              &lt;/div&gt;
          &lt;/td&gt;
          &lt;td class="blankl" style="width:303px; height:5px"&gt;
              &lt;div id="content"&gt;
  
                  &lt;img src="~/Content/Image/blankimg.png" alt="Image" /&gt;
  
              &lt;/div&gt;
          &lt;/td&gt;
  
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Script where clicking on a cell adds the data in the "active class"</p>
  
  <pre><code> var content = $('#content');
              $('td').click(function () {
                  $('td').removeClass('active');
                  $('td').removeClass('blankl');
  
                  $(this).append(content).addClass('active');
  </code></pre>
  
  <p>Edit 
  Fiddle added but strangely it works in it. </p>
  
  <p><a href="https://jsfiddle.net/kemcoder/95jdr5pp/" rel="nofollow">https://jsfiddle.net/kemcoder/95jdr5pp/</a> </p>
  
  <p>I should also add that the table issue occurs when I try to print.</p>
  
  <pre><code>function printData() {
  
  
      var divToPrint = document.getElementById("labelData");
      newWin = window.open("");
      newWin.document.write(divToPrint.outerHTML);
      newWin.print();
      newWin.close();
  
  }
  </code></pre>