Как я могу перевести следующий встроенный стиль GridView в классы для таблицы стилей?

Question

Я полагаю, что GridView отображается как таблица, так как я могу преобразовать встроенный стиль следующего GridView во внешнюю таблицу стилей, используя классы?

<asp:GridView ID="gvQuotes" 
              runat="server" 
              BackColor="#DEBA84" BorderColor="#DEBA84" 
              BorderStyle="None" BorderWidth="1px" 
              CellPadding="3" CellSpacing="2" 
              GridLines="Both"
              Width="100%"
              ShowFooter="True">

<RowStyle BackColor="#FFF7E7" ForeColor="#8C4510" 
          HorizontalAlign="Center" />

<FooterStyle BackColor="#F7DFB5" ForeColor="#8C4510" />

<PagerStyle ForeColor="#8C4510" HorizontalAlign="Center" />

<SelectedRowStyle BackColor="#738A9C" Font-Bold="True" 
                  ForeColor="White" />

<HeaderStyle BackColor="#A55129" Font-Bold="True" 
             ForeColor="White" Font-Underline="true"
             HorizontalAlign="Center" />

</asp:GridView>

Например, для всей сетки, я бы сделал что-то вроде следующего и установить CssClass = "grid"

.grid
{
    background-color: #DEBA84;
    border-color:#DEBA84;
    width:100%;

}

Я не уверен, как справиться с бордюлем, растяжкой ячеек, пространством ячеек и линиями сетки

Answer 1

Проверьте это . Я думаю, что это будет полезно для вас.

Здесь ключ к определенным способам отображения ячеек таблицы.

table.gridView td
{
    padding:10px; // same as CellPadding on table HTML tag
}