asp.net - Change GridView data row vertical align programmatically

GridView data row vertical align
gridview can show database table data as a tabular representation. gridview has header, footer, data rows to hold columns, rows and pager. data rows show the actual database table data. we can change the data rows vertical align by assigning gridview row style vertical align property. we also can change it's value top or bottom programmatically. this example show you how can we change the gridview data row vertical align programmatically. example also create a sqldatasource to populate gridview.
GridViewRowVerticalAlign.aspx

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

<!DOCTYPE html>

<script runat="server">
    protected void Button1_Click(object sender, System.EventArgs e)
    {
        GridView1.RowStyle.VerticalAlign = VerticalAlign.Bottom ;
    }    
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>How to set change GridView data row vertical align programmatically in asp.net</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:Navy; font-style:italic;">GridView Example: Change Data Row Vertical Align</h2>
        <asp:SqlDataSource 
            ID="SqlDataSource2"
            runat="server"
            ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
            SelectCommand="Select ProductID, ProductName, UnitPrice From Products"
            CancelSelectOnNullParameter="false"
            >
        </asp:SqlDataSource>
        <asp:GridView 
            ID="GridView1"
            runat="server"
            DataSourceID="SqlDataSource2"
            AllowPaging="true"
            BackColor="Olive"
            ForeColor="Snow"
            BorderColor="Orange"
            Font-Names="Comic Sans MS"
            AutoGenerateColumns="false"
            PageSize="7"
            Width="500"
            >
            <RowStyle Height="50" BorderColor="DarkOliveGreen" />
            <PagerStyle 
                BackColor="Crimson" 
                ForeColor="Snow" 
                Height="35"
                Font-Size="Large" 
                HorizontalAlign="Right" 
                />
            <HeaderStyle 
                BackColor="DarkOliveGreen" 
                Font-Italic="false" 
                Height="35"
                ForeColor="Snow" 
                BorderColor="Olive"
                />
            <Columns>
                <asp:BoundField DataField="ProductID" HeaderText="Product ID" ReadOnly="true" />
                <asp:BoundField DataField="Productname" HeaderText="Product Name" />
                <asp:BoundField DataField="UnitPrice" HeaderText="Unit Price" />
            </Columns>        
        </asp:GridView>
        <br />
        <asp:Button 
            ID="Button1" 
            runat="server"
            Text="Change Row Vertical Align Bottom"
            Font-Bold="true"
            Height="45"
            ForeColor="Crimson"
            OnClick="Button1_Click"
            />        
    </div>
    </form>
</body>
</html>
More asp.net examples