在代码中更改 HTML table

Question

我有一个具有特定布局的 table。开头是这样的：

<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# 中的代码隐藏）？如果是，怎么做？

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

这是在网页上实现 'hide things' 的众多方法之一。

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

Answer 2

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

Answer 3

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

在代码中更改 HTML table

Alter an HTML table in code

c#

asp.net

html-table

code-behind