Wie kann ich GridView Header anpassen? asp.net C#

Ich habe eine Gridview, die EditItemTemplate und ItemTemplate aber gridview Header nicht Anpassung enthält. Wie kann ich meine gridview Header anpassen. Hier ist meine gridview Wie kann ich GridView Header anpassen? asp.net C#

Hier mein aspx.cs Code ist:

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
     Enableviewstate="False" Width="1000px" CellPadding="2" ForeColor="#333333" AllowPaging="true" Height="400px" DataKeyNames="User_ID" onrowcancelingedit="GridView1_RowCancelingEdit" 
     onrowdeleting="GridView1_RowDeleting" onrowediting="GridView1_RowEditing" 
     onrowupdated="GridView1_RowUpdated" onrowupdating="GridView1_RowUpdating" > 

     <Columns> 
      <asp:TemplateField AccessibleHeaderText="User_ID" HeaderText="User_ID"> 
       <EditItemTemplate> 
        <asp:TextBox ID="TXT_ID" runat="server" Text='<%# Eval("User_ID") %>'></asp:TextBox> 
       </EditItemTemplate> 
       <ItemTemplate> 
        <asp:Label ID="txt_id" runat="server" Text='<%# Eval("User_ID") %>'></asp:Label> 
       </ItemTemplate> 

      </asp:TemplateField> 
      <asp:TemplateField AccessibleHeaderText="Name " HeaderText="Name"> 
       <EditItemTemplate> 
        <asp:TextBox ID="TXT_NAME" runat="server" Text='<%# Eval("Name") %>'></asp:TextBox> 
       </EditItemTemplate> 
       <ItemTemplate> 
        <asp:Label ID="txtName" runat="server" Text='<%# Eval("Name") %>'></asp:Label> 
       </ItemTemplate> 
      </asp:TemplateField> 
      <asp:TemplateField AccessibleHeaderText="User_Name" HeaderText="User_Name"> 
       <EditItemTemplate> 
        <asp:TextBox ID="TXT_USERNAME" runat="server" Text='<%# Eval("User_Name") %>'></asp:TextBox> 
       </EditItemTemplate> 
       <ItemTemplate> 
        <asp:Label ID="txt_username" runat="server" Text='<%# Eval("User_Name") %>'></asp:Label> 
       </ItemTemplate> 
      </asp:TemplateField> 
      <asp:TemplateField AccessibleHeaderText="Email" HeaderText="Email"> 
       <EditItemTemplate> 
        <asp:TextBox ID="TXT_EMAIL" runat="server" Text='<%# Eval("Email") %>'></asp:TextBox> 
       </EditItemTemplate> 
       <ItemTemplate> 
        <asp:Label ID="txt_email" runat="server" Text='<%# Eval("Email") %>'></asp:Label> 
       </ItemTemplate> 
      </asp:TemplateField> 
      <asp:TemplateField AccessibleHeaderText="Password" HeaderText="Password"> 
       <EditItemTemplate> 
        <asp:TextBox ID="TXT_PASSWORD" runat="server" Text='<%# Eval("Password") %>'></asp:TextBox> 
       </EditItemTemplate> 
       <ItemTemplate> 
        <asp:Label ID="txt_password" runat="server" Text='<%# Eval("Password") %>'></asp:Label> 
       </ItemTemplate> 
      </asp:TemplateField> 
      <asp:TemplateField AccessibleHeaderText="Date" HeaderText="Date"> 
       <EditItemTemplate> 
        <asp:TextBox ID="TXT_DATE" runat="server" Text='<%# Eval("Date") %>'></asp:TextBox> 
       </EditItemTemplate> 
       <ItemTemplate> 
        <asp:Label ID="txt_Date" runat="server" Text='<%# Eval("Date") %>'></asp:Label> 
       </ItemTemplate> 
      </asp:TemplateField> 
      <asp:CommandField ShowEditButton="True" /> 
      <asp:CommandField ShowDeleteButton="True" /> 
     </Columns> 
     <HeaderStyle HorizontalAlign="Left" CssClass="header" BackColor="#7961da" 
                  Font-Bold="True" ForeColor="White" />  
     <RowStyle BackColor="#F7F6F3" ForeColor="#333333" /> 
    </asp:GridView> 

</div> 
</form>

Quelle

2016-07-11 Hameed

Wie brauchen Sie? D es eingestellt? –

Nein, es ist nicht ich will 'User_ID' bewegen links blasen Zahlen wie id etc, und das gleiche für alle Header wie' Name' Schlag Namen aber Header bewegen nach rechts Ich möchte es anpassen – Hameed

Es tut mir leid, ich verstehe nicht was du sagst. Versuchen Sie vielleicht, ein Bild so zu erstellen, wie es aussehen soll. Ich vermute, dass ein [GridView.HeaderStyle] (https://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.gridview.headerstyle (v = vs.110) .aspx) kann Hilfe. –

Sie können für jedes Feld die Ausrichtungseigenschaften des Kopf verwenden:

<asp:TemplateField HeaderStyle-HorizontalAlign="Left" HeaderStyle-VerticalAlign="Middle"> 
    ... 
</asp:TemplateField>

Wenn Sie mehr Kontrolle benötigen Auf der Ausgabe können Sie auch eine HeaderTemplate erstellen:

Quelle

2016-07-11 13:26:50 ConnorsFan

Danke viel.Sie toll.Jetzt funktioniert es – Hameed

Wie kann ich GridView Header anpassen? asp.net C#

Antwort

Verwandte Themen