隐藏表格中的其他单元格时如何防止表格单元格移动？答案

【问题标题】：How do I prevent table cells from shifting when hiding other cells in table?隐藏表格中的其他单元格时如何防止表格单元格移动？
【发布时间】：2020-02-27 05:35:18
【问题描述】：

听起来很简单，我正在修改这个工具，它应该显示卡车的车辆模型，并为拖车等隐藏它们。我在后面的代码中将显示设置为“无”和“可见”为 false，当我搜索拖车时，单元格已向右移动。

我尝试使用 CSS 浮动，但没有任何效果。我正在使用我公司的模板，所以如果可能的话，我宁愿不要做太多的更改。

这里是代码sn-ps：

HTML/ASP

<tr>
    <td style="display: none;">
        <asp:Label ID="lblDisplayModel" runat="server" CssClass="bold"
            CssStyle="display: none;" Visible="false" />
    </td>
    <td>
        <asp:Label ID="lblModel" runat="server" CssClass="NormalText" 
            CssStyle="display: none;" name="Model:" Visible="false" />
    </td>
    <td>
        <label class="control_label">Service Date:</label>
    </td>
    <td>
        <asp:Label ID="lblServiceDate" runat="server" CssClass="NormalText" />
    </td>
    <td>
        <label class="control_label">District:</label>
    </td>
    <td>
        <asp:Label ID="lblFleetOwnerDistrict" runat="server" CssClass="NormalText" />
    </td>
</tr>

C#/代码背后

if (equipment.equipment_type.Contains("TK"))
{
    lblModel.Visible = true;
    lblDisplayModel.Text = "Model:";
    lblDisplayModel.Visible = true;
}
else
{
    lblModel.Visible = false;
    lblDisplayModel.Visible = false;
}

有人可以给我一些提示吗？

谢谢。

【问题讨论】：

首先不要在表格行/单元格中使用style="display: none;"。它会搞砸一切。
谢谢！这有帮助，但现在标签所在的位置有一个空行。如果我删除单元格，其他单元格将再次移动。
空行有什么问题？或者您是否在某处指定了默认行高？

标签： html asp.net html-table webforms alignment

【解决方案1】：

尝试更改文本，而不是隐藏。单元格 (td) 可能想要 something 在其中作为一种填充，因此添加一个 html 空间。

我不确定要使用哪个标签，所以我会在这里制作一个。

// don't hide the label, just change the text, if possible.
lblMyLabel.Text = "&nbsp;";

不确定它会起作用，但可能会起作用。

【讨论】：