キープtdは状況は、プログラムの中で、私は私に取り組んでいますされて

Question

空状況

は私が印刷される紙の上の領域を表現するすべての<td>と2 * 10のテーブルを持っている場合でも、「拡大しました」項目。

通報

問題は、唯一の細胞は、そのような場合にテーブル全体、時の情報を有することになる「崩壊」と表のセルの書式を尊重しdoesntの。私は私は私が試みることができるすべての可能なオプションを試してみましたが、信じて

を行っている何

、テーブルが空であるとき、これらのオプションの

&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; 
}