Wie wird der Kopftext eines TemplateFields zentral ausgerichtet?

Ich habe einen Weg gefunden, der das Problem gelöst hat, in dem ich ein <center> -Tag in HeaderTemplate verwendet habe:

Das <center> -Tag ist in HTML 4.01 veraltet und wird in HTML5 nicht unterstützt - der von Ihnen gepostete Arbeitscode könnte wie folgt "CSS-ified" lauten:

(Hinweis: Panel ist der ASP. Nettoäquivalent von <div> .)

Eine leichte Verbesserung besteht darin, eine CSS-Klasse für den Stil zu definieren, damit sie an anderer Stelle wiederverwendet werden kann:

... und referenzieren Sie es im Panel, anstatt den Inline-Stil zu verwenden:

Ich habe gerade eine neue WebForms-Lösung erstellt und den Bootstrap entfernt, um sicher zu sein, dass CSS-Stile meinen Code nicht stören. Das habe ich gemacht, um Ihr Problem zu reproduzieren.

aspx:

Wie Sie sehen können, habe ich ein TemplateField ohne zusätzliche CSS-Stile definiert.

CodeBehind:

Ich gebe gerade 10 Dummy-Items zurück, um ein Demo-Grid zu erstellen. Nichts Außergewöhnliches.

Dies ist das Ergebnis in Chrome und Internet Explorer:

Wie Sie sehen können, sind die Header standardmäßig zentriert. Und das gilt für beide -BoundFields und TemaplateFields.

Wenn dies für Sie nicht der Fall ist, sollten Sie überprüfen, ob andere Stylesheets Ihre Stile stören. Ich weiß, dass Bootstrap 3 standardmäßig auf text-align: center für th elements (Weil ich gerade überprüft habe)

Nach rechts sollte temStyle-HorizontalAlign="Center" funktionieren. Beachten Sie jedoch, dass Ihre Gridview-Stile vom übergeordneten Stylesheet übernommen werden. Das bedeutet, dass Ihre Gridview mindestens einen übergeordneten Stil hat, der nicht certer align ist. Dort sollte dein Problem sein.