Keep тд «расширен», даже если он пуст

Question

Ситуация

Ситуация, в программе я работаю у меня есть таблица 2 * 10 с каждой <td>, представляющей собой область на бумаге, где я напечатает пункт.

Проблема

Проблема заключается в том, только одна ячейка будет иметь информацию в то время, и в таком случае вся таблица «сворачивает» и оленья кожа соблюдать формат ячейки таблицы.

То, что я сделал

Я считаю, что я перепробовал все возможные опции я мог бы попробовать,

&nbsp,empty-cells:show, table-layout: fixed; 

ни один из этих вариантов не поможет мне, когда таблица пуста это «закрывает» Моя последняя опция заключалась в том, чтобы поместить пустой образ заполнителя во все ячейки. ОДНАКО это не удалось, потому что, когда я добавляю свои конкретные детали в коде идет «снизу» пустой изображение эффективно сбрасывая мой стол

это часть кода таблицы

<table border="1" cellpadding="3" id="labelData"> 
    <tr> 
     <td class="blankl"> 
      <div id="content"> 

       <img src="~/Content/Image/blankimg.png" alt="Image" /> 

      </div> 
     </td> 
     <td class="blankl" style="width:303px; height:5px"> 
      <div id="content"> 

       <img src="~/Content/Image/blankimg.png" alt="Image" /> 

      </div> 
     </td> 

    </tr> 
</table> 

Сценарий, где нажав на клетка добавляет данные в «активном классе» добавил

var content = $('#content'); 
      $('td').click(function() { 
       $('td').removeClass('active'); 
       $('td').removeClass('blankl'); 

       $(this).append(content).addClass('active'); 

Редактировать Скрипки, но странно это работает в нем.

https://jsfiddle.net/kemcoder/95jdr5pp/

Я должен также добавить, что проблема таблицы происходит при попытке печати.

function printData() { 


    var divToPrint = document.getElementById("labelData"); 
    newWin = window.open(""); 
    newWin.document.write(divToPrint.outerHTML); 
    newWin.print(); 
    newWin.close(); 

} 

Answer 1

Можете ли вы дать каждой ячейке фиксированную высоту и процентную ширину?

#labelData td { 
    width: 20%; 
    height: 100px; 
}