在代码中更改 HTML 表格答案

【问题标题】：Alter an HTML table in code在代码中更改 HTML 表格
【发布时间】：2016-04-18 16:43:08
【问题描述】：

我有一张具有特定布局的桌子。开头是这样的：

<table>
    <tr bgcolor="#007ACC" style="color:White">
        <td width="145"><asp:Label Text="" ID="lblLevel" runat="server" /></td><td width="80"></td><td width="30"></td><td width="145"><asp:Label Text="" ID="lblGroupNumber" runat="server" /></td><td width="60"></td><td width="10">Active</td>
    </tr>
    <tr>
        <td colspan="5"> 
            <asp:TextBox ID="txtName" runat="server" width="460px"></asp:TextBox>
        </td>
        <td> 
            <asp:DropDownList ID="cboActive" runat="server" Width="50px">
                <asp:ListItem>Y</asp:ListItem>
                <asp:ListItem>N</asp:ListItem>
            </asp:DropDownList>
        </td>
    </tr>

问题是，在某些情况下，我需要它看起来像这样：

<table>
    <tr bgcolor="#007ACC" style="color:White">
        <td width="145"><asp:Label Text="" ID="lblLevel" runat="server" /></td><td width="80"></td><td width="30"></td><td width="145"><asp:Label Text="" ID="lblGroupNumber" runat="server" /></td><td width="60"></td><td width="10">Active</td>
    </tr>
    <tr>
        <td colspan="2">
            <asp:TextBox ID="txtName" runat="server" width="460px"></asp:TextBox>
        </td>
        <td></td>
        <td colspan="2"> 
            <asp:TextBox ID="txtNumber" runat="server" width="460px"></asp:TextBox>
        </td>
        <td> 
            <asp:DropDownList ID="cboActive" runat="server" Width="50px">
                <asp:ListItem>Y</asp:ListItem>
                <asp:ListItem>N</asp:ListItem>
            </asp:DropDownList>
        </td>
    </tr>

我以前隐藏过文本框，没问题。但我能想到的唯一方法是使用代码隐藏td's。我看过这个：

How to hide columns in HTML table?

但他们从不解释如何确定要隐藏哪个 td。

那么，这可以在代码中完成吗（最好是 C# 中的代码隐藏）？如果有，怎么做？

【问题讨论】：

标签： c# asp.net html-table code-behind

【解决方案1】：

在 asp.net 中，大多数元素可以通过设置runat 以编程方式作为服务器控件处理：

<td colspan="2" runat="server" id="tdToHide"> 
      <asp:TextBox ID="txtNumber" runat="server" width="460px"></asp:TextBox>
</td>

在 C# 中：

tdToHide.Visible = false;

这是在网页上“隐藏”的众多方法之一。

另一个是td 上的条件 CSS 类。然后由页面上的样式处理其显示。

【讨论】：

太棒了，兄弟！非常感谢！

【解决方案2】：

您可以使用 LiteralControl 然后根据条件将内容或 AddControl 更改为literalcontrol。这可以从后面的代码中执行

【讨论】：

【解决方案3】：

选择特定 HTML 标签的其他方式可以使用 css 选择器完成。 http://www.w3schools.com/cssref/css_selectors.asp 看等：p:nth-child(2)

【讨论】：