<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Horizontal ScrollBar.aspx.cs"
    Inherits="Horizontal_ScrollBar" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <telerik:RadScriptManager ID="ScriptManager" runat="server">
        </telerik:RadScriptManager>
        <telerik:RadGrid ID="RadGrid" runat="server" DataSourceID="SqlDataSource1" AutoGenerateColumns="false"
            AllowPaging="true" PageSize="15" AllowSorting="true" AllowMultiRowSelection="true">
            <PagerStyle Mode="NextPrevAndNumeric" />
            <MasterTableView DataKeyNames="ProductID">
                <Columns>
                    <telerik:GridClientSelectColumn UniqueName="CheckboxSelectColumn" FooterText="CheckBoxSelect footer" />
                    <telerik:GridBoundColumn UniqueName="ProductID" DataField="ProductID" HeaderText="ProductID"
                        SortExpression="ProductID" Aggregate="Count" />
                    <telerik:GridBoundColumn UniqueName="ProductName" DataField="ProductName" HeaderText="ProductName"
                        SortExpression="ProductName" Aggregate="None" />
                    <telerik:GridBoundColumn UniqueName="QuantityPerUnit" DataField="QuantityPerUnit"
                        HeaderText="Quantity Per Unit" SortExpression="QuantityPerUnit" />
                    <telerik:GridNumericColumn Aggregate="Avg" DataField="UnitPrice" HeaderText="Unit price"
                        SortExpression="UnitPrice" UniqueName="UnitPrice" DataFormatString="{0:C}" FooterAggregateFormatString="Avg: {0:C}" />
                    <telerik:GridNumericColumn Aggregate="Sum" DataField="UnitsInStock" HeaderText="In Stock"
                        SortExpression="UnitsInStock" UniqueName="UnitsInStock" />
                    <telerik:GridNumericColumn Aggregate="Max" DataField="UnitsOnOrder" HeaderText="Units On Order"
                        SortExpression="UnitsOnOrder" UniqueName="UnitsOnOrder" />
                </Columns>
            </MasterTableView>
            <ClientSettings>
                <Selecting AllowRowSelect="true" />
            </ClientSettings>
        </telerik:RadGrid>
        <asp:SqlDataSource ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
            ProviderName="System.Data.SqlClient" runat="server" SelectCommand="SELECT TOP 20 ProductID, ProductName, QuantityPerUnit, UnitPrice, UnitsInStock, UnitsOnOrder FROM Products">
        </asp:SqlDataSource>
    </form>
</body>
</html>
