ustawienie koloru nagłówka gridview

Question

Pracuję w asp.net i C# Mam widok siatki. Mam 10 kolumn w widoku siatki. Mam pewne problemy z kolorem tekstu nagłówka siatki. niektóre nagłówki kolumn mają łącze (do sortowania). kolor takiego nagłówka jest jasnoniebieski. Po kliknięciu niebieski kolor zmienia się na inny kolor.

część nagłówka kolumny nie ma łącza. kolor takiego nagłówka jest szary.

Chcę, aby kolor całego tekstu nagłówka był jednokolorowy jak szary. po kliknięciu na link musi być w tym samym kolorze. z góry dzięki

Answer 1

Możesz zdefiniować klasę css w swoim pliku css. Po zdefiniowaniu klasy możesz ustawić swoją właściwość CssClass siatki z nazwą klasy. Na przykład;

.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

Można zastosować style i klasy css do różnych elementów GridView zamiast po prostu stosując klasę css do głównego GridView.

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

Jeśli spojrzeć na HTML, który jest generowany dla GridView, można następnie określić, które elementy są podane klasy, a następnie z tego można zastosować dowolną stylizację chcesz.

Głównie stylizacja tr, th, td w tabeli.

Answer 3

Trzeba dodać to do CSS:

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

i to gridviews które są sortable: HeaderStyle CssClass="grid-header" aby posortować niebieskiego na niebieskim problem ...