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

<%@ Register Src="~/WebUserControl.ascx" TagPrefix="uc1" TagName="WebUserControl" %>


<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <style>
        .GridDraggedRows {
            margin-top: 2px;
            margin-left: 2px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <telerik:RadScriptManager ID="ScriptManager1" runat="server" EnableTheming="True">
            <Scripts>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js"></asp:ScriptReference>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js"></asp:ScriptReference>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js"></asp:ScriptReference>
            </Scripts>
        </telerik:RadScriptManager>

        <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="200px" Width="300px">
            <telerik:RadGrid runat="server" ID="RadGrid1" ClientSettings-Resizing-ResizeGridOnColumnResize="true" AutoGenerateColumns="true"
                OnNeedDataSource="RadGrid1_NeedDataSource"
                AllowPaging="true" PageSize="5">
                <MasterTableView>
                    <Columns>
                        <telerik:GridTemplateColumn HeaderStyle-Width="400px">
                            <ItemTemplate>
                                <telerik:RadGrid runat="server" ID="RadGrid2" AutoGenerateColumns="true" OnNeedDataSource="RadGrid1_NeedDataSource" AllowPaging="true" PageSize="5"></telerik:RadGrid>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn HeaderStyle-Width="400px">
                            <ItemTemplate>
                                <telerik:RadGrid runat="server" ID="RadGrid3" AutoGenerateColumns="true" OnNeedDataSource="RadGrid1_NeedDataSource" AllowPaging="true" PageSize="5"></telerik:RadGrid>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn HeaderStyle-Width="400px">
                            <ItemTemplate>
                                <uc1:WebUserControl runat="server" ID="WebUserControl" />
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                    </Columns>
                </MasterTableView>
                <ClientSettings>
                    <Resizing EnableRealTimeResize="True" ResizeGridOnColumnResize="True" AllowColumnResize="True"></Resizing>
                </ClientSettings>
            </telerik:RadGrid>
        </telerik:RadAjaxPanel>
    </form>
</body>
</html>
