impostazione colore intestazione gridview

Question

sto lavorando in asp.net e C# ho una vista a griglia. ho 10 colonne in quella vista a griglia. Ho alcuni problemi con il colore del testo dell'intestazione della vista griglia. alcune intestazioni di colonne hanno un collegamento (per l'ordinamento). il colore di tale testo di intestazione è blu chiaro. Dopo aver fatto clic sul cambio di colore blu su un altro colore.

alcune intestazioni di colonne non hanno collegamento. il colore di tale testo di intestazione è grigio.

Voglio rendere il colore del testo di intestazione intero a singolo colore come grigio. dopo aver cliccato sul link deve essere dello stesso colore. grazie in anticipo

Answer 1

È possibile definire la classe css nel file css. Dopo aver definito la tua classe, puoi impostare la proprietà griglia CssClass con il nome della tua classe. Per esempio;

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

Answer 2

È possibile applicare stili e classi CSS a diversi elementi di una GridView piuttosto che applicare una classe CSS al GridView principale.

<AlternatingRowStyle CssClass="style1" /> 
<RowStyle CssClass="style2" /> 
<HeaderStyle CssClass="style3" /> 
<FooterStyle CssClass="style4" /> 
<SelectedRowStyle CssClass="style5" /> 

Se si guarda il codice HTML che viene generato per il GridView, quindi è possibile identificare quali elementi sono dati le classi, poi da questo si può applicare qualsiasi stile che si desidera.

Principalmente lo styling tr, th, td all'interno del tavolo.

Answer 3

È necessario aggiungere questo ai CSS:

.grid-header a 
{ 
    color: White; 
    font-weight: bold; 
} 

e questo a GridView che sono ordinabile: HeaderStyle CssClass="grid-header" per ordinare il blu sul problema blu ...