Wie bringe ich Gridview dazu, THEAD zu rendern?

Wie erhalte ich das GridViewSteuerelement zum Rendern der <thead> <tbody>Tags? Ich weiß , .UseAccessibleHeadersmacht es ausdrückte <th>statt <td>, aber ich kann nicht das bekommen <thead>scheinen.

Dies sollte es tun:

gv.HeaderRow.TableSection = TableRowSection.TableHeader;

Ich benutze dies für den OnRowDataBoundFall:

protected void GridViewResults_OnRowDataBound(object sender, GridViewRowEventArgs e) {
    if (e.Row.RowType == DataControlRowType.Header) {
        e.Row.TableSection = TableRowSection.TableHeader;
    }
}

Der Code in der Antwort muss weiter Page_Loadoder weitergehen GridView_PreRender. Ich habe es in eine Methode eingefügt, die nach aufgerufen wurde Page_Loadund eine bekam NullReferenceException.

Ich benutze dazu den folgenden Code:

Die ifAussagen, die ich hinzugefügt habe, sind wichtig.

Andernfalls (abhängig davon, wie Sie Ihr Raster rendern) werden Ausnahmen ausgelöst wie:

Die Tabelle muss Zeilenabschnitte in der Reihenfolge von Kopf-, Kopf- und Fußzeile enthalten.

protected override void OnPreRender(EventArgs e)
{
    if ( (this.ShowHeader == true && this.Rows.Count > 0)
      || (this.ShowHeaderWhenEmpty == true))
    {
        //Force GridView to use <thead> instead of <tbody> - 11/03/2013 - MCR.
        this.HeaderRow.TableSection = TableRowSection.TableHeader;
    }
    if (this.ShowFooter == true && this.Rows.Count > 0)
    {
        //Force GridView to use <tfoot> instead of <tbody> - 11/03/2013 - MCR.
        this.FooterRow.TableSection = TableRowSection.TableFooter;
    }
    base.OnPreRender(e);
}

Das thisObjekt ist mein GridView.

Ich habe das Asp.net GridView tatsächlich überschrieben, um mein eigenes benutzerdefiniertes Steuerelement zu erstellen. Sie können dies jedoch in Ihre aspx.cs- Seite einfügen und das GridView nach Namen referenzieren, anstatt den benutzerdefinierten Gridview-Ansatz zu verwenden.

Zu Ihrer Information: Ich habe die Fußzeilenlogik nicht getestet, aber ich weiß, dass dies für Kopfzeilen funktioniert.

Das funktioniert bei mir:

protected void GrdPagosRowCreated(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        e.Row.TableSection = TableRowSection.TableBody;
    }
    else if (e.Row.RowType == DataControlRowType.Header)
    {
        e.Row.TableSection = TableRowSection.TableHeader;
    }
    else if (e.Row.RowType == DataControlRowType.Footer)
    {
        e.Row.TableSection = TableRowSection.TableFooter;
    }
}

Dies wurde in VS2010 versucht.

Erstellen Sie eine Funktion und verwenden Sie diese Funktion in Ihrer PageLoadVeranstaltung wie folgt:

Die Funktion ist:

private void MakeGridViewPrinterFriendly(GridView gridView) {  
    if (gridView.Rows.Count > 0) {          
        gridView.UseAccessibleHeader = true;  
        gridView.HeaderRow.TableSection = TableRowSection.TableHeader;  
    }  
} 

Die PageLoadVeranstaltung ist:

protected void Page_Load(object sender, EventArgs e) {
        if (!IsPostBack)
        {
            MakeGridViewPrinterFriendly(grddata);
        }
}

Ich weiß, dass dies alt ist, aber hier ist eine Interpretation der Antwort von MikeTeeVee für eine Standard-Rasteransicht:

aspx Seite:

<asp:GridView ID="GridView1" runat="server" 
    OnPreRender="GridView_PreRender">

aspx.cs:

    protected void GridView_PreRender(object sender, EventArgs e)
    {
        GridView gv = (GridView)sender;

        if ((gv.ShowHeader == true && gv.Rows.Count > 0)
            || (gv.ShowHeaderWhenEmpty == true))
        {
            //Force GridView to use <thead> instead of <tbody> - 11/03/2013 - MCR.
            gv.HeaderRow.TableSection = TableRowSection.TableHeader;
        }
        if (gv.ShowFooter == true && gv.Rows.Count > 0)
        {
            //Force GridView to use <tfoot> instead of <tbody> - 11/03/2013 - MCR.
            gv.FooterRow.TableSection = TableRowSection.TableFooter;
        }

    }

Sie können es auch mit jQuery hinzufügen. Dies vermeidet das Problem mit TableRowSection.TableHeader, bei dem PostBack gelöscht wird.

$('#myTableId').prepend($("<thead></thead>").append($(this).find("#myTableId tr:first")));