настройка цвета заголовка 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"
чтобы отсортировать синий на синей проблеме ...