настройка цвета заголовка gridview

Question

Я работаю в asp.net и C # у меня есть вид сетки.у меня есть 10 столбцов в этом виде сетки.У меня есть некоторые проблемы с цветом текста заголовка вида сетки.некоторые заголовки столбцов имеют ссылку (для сортировки).цвет такого текста заголовка - светло-синий. после нажатия синего цвета измените цвет на другой.

заголовок некоторых столбцов не имеет ссылки.цвет такого текста заголовка серый.

Я хочу сделать цвет всего текста заголовка одним цветом, таким как серый.после нажатия на ссылку она должна быть одного цвета.заранее спасибо

Answer 1

Вы можете определить класс CSS в вашем файле CSS.После того, как вы определили свой класс, вы можете установить свойство CssClass своей сетки с вашим именем класса.Например,

.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

Вы можете применять стили и классы CSS к различным элементам GridView, а не просто применять класс CSS к основному GridView.

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

Если вы посмотрите на HTML, сгенерированный для GridView,затем вы можете определить, каким элементам даны классы, затем из этого вы можете применить любой стиль, какой пожелаете.

В основном стиль tr, th, td в таблице.

Answer 3

Вам необходимо добавить это в CSS:

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

и это для сортировки по сетке: HeaderStyle CssClass="grid-header" для сортировки проблемы синего на синем ...