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