2009-03-17 3 views
3

Ich benutze asp.net C#. Ich verwende Gridview, um die Daten anzuzeigen. Ich kontrolliere die Formatierung über CSS. In gridview habe ich itemtemplate + edititemtemplate + footertemplate definiert und sortiere die Bindspalte im Template Feld. Mein Problem ist der Name der Spalte, die als Header, die Farbe wird nicht durch CSS, Schriftgröße geändert wird, geben Sie alle Dinge in Ordnung, aber vor Farbe ist behoben, wie Blau ist jeder Körper mir helfen, wie kann ich ändern forecolor der Kopfzeile, die erlaubt ist Sortierung.Not Header-Farbe ändern In Gridview durch Verwendung von CSS

Mein Code sieht so aus: asp: TemplateField HeaderText = "Slsmn No." HeaderStyle-CssClass = "GridHeaderStyle" SortExpression = "Profil_Var"

Problem ist "Slsmn Nr." Anzeige blaue Farbe und unter Leitung aber in CSS-i gab Farbe: rot

Dank

+0

lösen Wenn Sie die Möglichkeit haben, würde ich stattdessen das Listview-Steuerelement verwenden. Wenn Sie das CSS und Ihre bereits verwendeten Vorlagenfelder trotzdem steuern möchten. – bendewey

+0

Können Sie uns auch den CSS-Code zeigen? –

Antwort

3

Die CSS-Klasse, die Sie zugewiesen haben (GridHeaderStyle) wird auf die Kopfzellen angewendet wird, nicht die Header-Links. Es scheint, als ob die Standard-Linkfarbe angewendet wird.

den folgenden CSS-Datei hinzufügen:

.GridHeaderStyle a {color: red;} 

Dies sollte die Linkfarbe in dem Header ändern.

Hoffe, das hilft!

1

Zuerst versuchte ich Jeremys Lösung, aber es funktionierte nicht für mich. Dies liegt daran, dass der generierte ASP-Code ein Tag mit <style="color: #333333"> in der Kopfzeile erzwingt, wenn Sie es sortierbar machen.

Hier ist, wie das Problem zu lösen:.

.GridHeaderStyle a {color: white!important} 

Das wichtige Qualifikationsspiel wird den Stil außer Kraft setzen, dass asp in setzt

0

Dies geschieht, weil Sie nicht eine CSS-Regel, die über die etwas sagt definiert haben Verknüpfungsfarbe.

Fügen Sie folgendes zu Ihrem Sheet:

.GridHeaderStyle a { 
    color: #f0f; /* or whatever */ 
} 
0

Dieser Beitrag noch nicht eine beste Antwort hat. Ich habe unten im selben Forum Code gefunden, der von ismailperim beantwortet wird.

.GridStyle 
{ 
    border: 6px solid rgb(217, 231, 255); 
    background-color: White; 
    font-family: arial; 
    font-size: 12px; 
    border-collapse: collapse; 
    margin-bottom: 0px; 
} 
.GridStyle tr 
{ 
    border: 1px solid rgb(217, 231, 255); 
    color: Black; 
    height: 25px; 
} 
/* Your grid header column style */ 
.GridStyle th 
{ 
    background-color: rgb(217, 231, 255); 
    border: none; 
    text-align: left; 
    font-weight: bold; 
    font-size: 15px; 
    padding: 4px; 
    color:Black; 
} 
/* Your grid header link style */ 
.GridStyle tr th a,.GridStyle tr th a:visited 
{ 
     color:Black; 
} 
.GridStyle tr th, .GridStyle tr td table tr td 
{ 
    border: none; 
} 

.GridStyle td 
{ 
    border-bottom: 1px solid rgb(217, 231, 255); 
    padding: 2px; 
} 

Es wird das Problem sicher