Определить глобальный стиль сайта для asp: GridView с простым CSS (без использования скинов VS)

Question

Я работаю над довольно крупным веб-проектом aspx с широким использованием asp: GridViews

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

Насколько я понимаю, один из способов сделать это - через "Скины" в Visual Studio .... но я вспоминаю, что провел небольшое исследование некоторое время назад и обнаружил, что многие люди презирали скины и всегда использовали простой CSS проекты asp.net (хотя я не могу полностью вспомнить, что в них плохого).

Итак, мои вопросы: 1) Возможно ли сделать это глобальный стиль asp: GridView по умолчанию с использованием простого CSS 2) Есть ли какое-либо преимущество в использовании скинов VS или просто простой CSS такой же мощный и простой в обслуживании, как и скины?

ОБНОВЛЕНИЕ: я также хотел упомянуть, что есть много стилей, уникальных для GridView, таких как SelectedRowStyle-BackColor; это как-то влияет на мой первоначальный вопрос? Если бы кто-то мог опубликовать или дать ссылку на какие-либо примеры этого, это было бы чрезвычайно полезно.

Answer 1

Определите таблицу стилей и установите эти стили где-нибудь:

/**
 * GRIDVIEW STYLES
 **/
.gridview {
        font-family:"arial";
        background-color:#FFFFFF;
        width: 100%;
        font-size: small;
}
.gridview th {
        background: #7AC142;
        padding: 5px;
        font-size:small;

}
.gridview th a{
        color: #003300;
        text-decoration: none;
}
.gridview th a:hover{
        color: #003300;
        text-decoration: underline;
}
.gridview td  {
        background: #D9EDC9;
        color: #333333;
        font: small "arial";
        padding: 4px;
}
.gridview tr.even td {
        background: #FFFFFF;
}
.gridview td a{
        color: #003300;
        font: bold small "arial";
        padding: 2px;
        text-decoration: none;
}
.gridview td a:hover {
        color: red;
        font-weight: bold;
        text-decoration:underline;     
} 

Затем необходимо настроить ваше представление сетки, чтобы воспользоваться этими преимуществами с помощью CssClass и AlternatingRowStyle-CssClass:

<asp:GridView   ID="GridView1"
                runat="server"
                CssClass="gridview"
                AlternatingRowStyle-CssClass="even">

Answer 2

Возможно, вы захотите использовать CSS-дружественные адаптеры, которые помогут вам получить более чистый html-код из gridview. Просто посмотрите на вывод html и используйте стиль css. Если вы обнаружите, что вам нужно что-то определенное в gridview, вы можете использовать глобальный скин для назначения класса css, чтобы вы также могли его стилизовать.

Answer 3

Gridview будет отображаться в виде таблицы HTML. Вы можете назначить ему класс и оформить его так же, как любой другой стол. Я не очень разбираюсь в VS Skins, но таким образом я разработал множество видов сетки.