Question

我有一个带有一些隐藏字段的asp：gridview，但我可以看到它们的网格线。我怎么摆脱他们？

我的网格：

<asp:GridView ID="VendorAdminGrid" runat="server" DataKeyNames="UserCode" RowStyle-CssClass="ui-widget-content ui-corner-all" FooterStyle-CssClass="ui-widget-content ui-corner-all"
    AutoGenerateColumns="False" Width="800px" ShowFooter="True" HeaderStyle-CssClass="ui-widget-header ui-corner-all"
    DataSourceID="VendorAdminDataSource" OnRowCommand="VendorAdminGrid_RowCommand"
    OnRowUpdating="VendorAdminGrid_RowUpdating">
    <Columns>
        <asp:TemplateField>
            <ItemTemplate>
                <asp:HiddenField ID="txtOldEmail" runat="server" Value='<%# Bind("Email") %>' />
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField>
            <ItemTemplate>
                <asp:HiddenField ID="txtOldAlternateEmail" runat="server" Value='<%# Bind("AlternateEmail") %>' />
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField>
            <ItemTemplate>
                <asp:HiddenField ID="txtOldPhone" runat="server" Value='<%# Bind("Phone") %>' />
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField>
            <ItemTemplate>
                <asp:HiddenField ID="txtOldContactPhone" runat="server" Value='<%# Bind("ContactNumber") %>' />
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

Answer 1

出于好奇，你有没有理由给每个隐藏的领域提供自己的专栏？您可以将它们全部放在一个<ItemTemplate>中。

这样，您可以通过将简单的CSS样式应用于GridView本身来隐藏列：

TABLE.hiddenFirstColumn TD:first-of-type {
    display:none;
}

您可以这样申请：

 <asp:GridView CssClass="hiddenFirstColumn">
   <asp:TemplateField>
        <ItemTemplate>
            <asp:HiddenField ID="txtOldEmail" runat="server" Value='<%# Bind("Email") %>' />
            <asp:HiddenField ID="txtOldAlternateEmail" runat="server" Value='<%# Bind("AlternateEmail
        </ItemTemplate>
    </asp:TemplateField>

您可以保留四个单独的列，但您需要像这样执行CSS：

TABLE.hiddenFirstColumns TD {
    display:none;
}
TABLE.hiddenFirstColumns TD + TD + TD + TD + TD { /* Column 5 and all that follow */
    display:table-cell;
}

asp：GridView中的隐藏字段 - 网格线

1 个答案: