Question

场合

情况是，在我正在制作的程序中，我有一个2 * 10的表，每个<td>代表纸张上的一个区域，我将打印一个项目。

问题

问题是，一次只有一个单元格会有信息，并且在这种情况下整个表格会崩溃，并且不会尊重表格单元格格式。

我做了什么

我相信我已经尝试了所有可能的选择，

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

当桌子为空时，这些选项都没有帮助我＃34;关闭＆＃34; 我的最后一个选择是在所有单元格中放置一个空白的占位符图像。然而，这失败了，因为当我将我的具体细节添加到代码时，它会在＆＃34;下面＆＃34;空白的图像有效地摆脱了我的桌子

这是表格代码的一部分

<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>

单击单元格的脚本会在＆＃34;活动类＆＃34;

中添加数据

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

保持td＆＃34;扩大＆＃34;即使空

1 个答案: