在GridView中的asp：hiddenfield - 网格线

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