configuración del color del encabezado gridview

Question

estoy trabajando en asp.net yC# tengo una vista de cuadrícula. Tengo 10 columnas en esa vista de cuadrícula. Tengo algunos problemas con el color del texto del encabezado de la vista de cuadrícula. algunos de los encabezados de columnas tienen un enlace (para ordenar). el color del texto del encabezado es azul claro.después de hacer clic en el color azul, cambie a otro color.

algunos encabezados de columnas no tienen enlace. el color de dicho texto de encabezado es gris.

quiero hacer que el color del texto completo del encabezado sea de un solo color, como el gris. después de hacer clic en el enlace, debe ser del mismo color. gracias de antemano

Answer 1

Puede definir la clase css en su archivo css. Después de definir su clase, puede establecer su propiedad CssClass de cuadrícula con su nombre de clase. Por ejemplo;

.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

Puede aplicar estilos y clases CSS a los diferentes elementos de un GridView en lugar de aplicar una clase CSS para el GridView principal.

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

Si nos fijamos en el código HTML que se genera para el GridView, a continuación, puede identificar qué elementos se dan las clases, después de esto se puede aplicar cualquier estilo que desee.

Principalmente estilo tr, th, td dentro de la tabla.

Answer 3

Es necesario añadir esto a CSS:

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

y esto a gridviews que son clasificables: HeaderStyle CssClass="grid-header" para ordenar el azul en azul problema ...