ASP.NET GridView - HeaderStyle, AlternatingRowStyle

asp.net GridView HeaderStyle, AlternatingRowStyle example
GridViewStyleExample.aspx 

<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>asp.net GridView HeaderStyle, AlternatingRowStyle example</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:Navy">HeaderStyle, AlternatingRowStyle Example</h2>
        <asp:SqlDataSource
             ID="SqlDataSource1"
             runat="server"
             ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
             SelectCommand="SELECT TOP 5 ProductID, ProductName, UnitPrice FROM Products"
             >
        </asp:SqlDataSource>
        <asp:GridView
             ID="GridView1" 
             runat="server"
             DataSourceID="SqlDataSource1"
             AutoGenerateColumns="false"
             BackColor="LightSlateGray"
             ForeColor="AliceBlue"
             BorderColor="LightYellow"
             >
            <Columns>
                <asp:BoundField HeaderText="Product ID" DataField="ProductID" />
                <asp:BoundField HeaderText="Product Name" DataField="ProductName" />
                <asp:BoundField HeaderText="Unit Price" DataField="UnitPrice" />
            </Columns>
            <HeaderStyle BackColor="DarkSeaGreen" ForeColor="Gainsboro" />
            <AlternatingRowStyle BackColor="SlateGray" />
        </asp:GridView>
    </div>
    </form>
</body>
</html>




Related asp.net example