Data Binding ASP.Net Tutorial

  1. Home
  2. ASP.Net Tutorial
  3. Data Binding
  4. Formatting the GridView Control
AlternatingRowStyle:     format every other row.
FooterStyle:             format the footer row.
HeaderStyle:             format the header row.
PagerStyle:              format the pager row.
RowStyle:                format each row.
SelectedRowStyle:        format the selected row.
GridLines:               Possible values are Both, Vertical, Horizontal, and None.
ShowFooter:              When True, renders a footer row at the bottom of the GridView.
ShowHeader:              When True, renders a header row at the top of the GridView.
<%@ Page Language="C#" %>



    
        .grid
        {
            font:16px Arial, Sans-Serif;
        }
        .grid td, .grid th
        {
            padding:10px;
        }
        .header
        {
            text-align:left;
            color:white;
            background-color:blue;
        }
        .row td
        {
            border-bottom:solid 1px blue;
        }
        .alternating
        {
            background-color:#eeeeee;
        }
        .alternating td
        {
            border-bottom:solid 1px blue;
        }
    
    Format Grid


    
    

            id="grdProducts"
        DataSourceID="srcProducts"
        GridLines="None"
        CssClass="grid"
        HeaderStyle-CssClass="header"
        RowStyle-CssClass="row"
        AlternatingRowStyle-CssClass="alternating"
        Runat="server" />
            id="srcProducts"
        ConnectionString="<%$ ConnectionStrings:Products %>"
        SelectCommand="SELECT Id,Title,Director FROM Products"
        Runat="server" />
    

    


File: Web.config

  
             connectionString="Data Source=.\SQLEXPRESS;
         AttachDbFilename=|DataDirectory|MyDatabase.mdf;Integrated Security=True;User Instance=True" />