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

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

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

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

3 ответов


вы можете определить класс css в файле css. После определения класса можно задать свойство grid 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;
}

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

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

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

главным образом вводить в моду tr, th, td внутри таблица.


вам нужно добавить это в CSS:

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

и это для gridviews, которые сортируются:HeaderStyle CssClass="grid-header" чтобы отсортировать синий на синей проблеме ...