or


| <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> |
| <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> |
| <%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" |
| Namespace="System.Web.UI" TagPrefix="asp" %> |
| <!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>Untitled Page</title> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <center> |
| <div> |
| <asp:ScriptManager ID="ScriptManager1" runat="server"> |
| </asp:ScriptManager> |
| <telerik:RadSplitter ID="RadSplitter1" runat="server" Height="800" Width="1000"> |
| <telerik:RadPane ID="RadPane1" runat="server" Width="22" Scrolling="None" MinWidth="22"> |
| <telerik:RadSlidingZone ID="RadSlidingZone1" runat="server" Width="22" ClickToOpen="true"> |
| <telerik:RadSlidingPane ID="pnlDesktop" Title="Desktop" runat="server" Width="190"> |
| </telerik:RadSlidingPane> |
| <telerik:RadSlidingPane ID="pnlCapture" Title="Capture" runat="server" Width="190"> |
| </telerik:RadSlidingPane> |
| <telerik:RadSlidingPane ID="pnlSearch" Title="Search" runat="server" Width="190"> |
| </telerik:RadSlidingPane> |
| <telerik:RadSlidingPane ID="pnlReports" Title="Reports" runat="server" Width="190"> |
| </telerik:RadSlidingPane> |
| <telerik:RadSlidingPane ID="pnlAccount" Title="Account" runat="server" Width="190"> |
| </telerik:RadSlidingPane> |
| </telerik:RadSlidingZone> |
| </telerik:RadPane> |
| <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" /> |
| <telerik:RadPane ID="RadPane2" runat="server"> |
| Desktop submenu to go here... |
| </telerik:RadPane> |
| <telerik:RadSplitBar ID="RadSplitBar2" runat="server" CollapseMode="Forward" /> |
| <telerik:RadPane ID="RadPane3" runat="server" Scrolling="none" Width="500"> |
| <telerik:RadSplitter ID="RadSplitter2" runat="server" LiveResize="true" Orientation="Horizontal"> |
| <telerik:RadPane ID="RadPane4" runat="server" Height="150" Scrolling="both"> |
| <div style="height: 100%"> |
| <table cellpadding="0" cellspacing="0" width="100%" style="border: 0px none;"> |
| <tr> |
| <td> |
| Data to go here 1.... |
| </td> |
| <td> |
| Data to go here 2.... |
| </td> |
| </tr> |
| <tr> |
| <td> |
| Data to go here 3.... |
| </td> |
| <td> |
| Data to go here 4.... |
| </td> |
| </tr> |
| </table> |
| </div> |
| </telerik:RadPane> |
| </telerik:RadSplitter> |
| </telerik:RadPane> |
| </telerik:RadSplitter> |
| </div> |
| </center> |
| </form> |
| </body> |
| </html> |
I have an issue while moving columns (for column reordering), if we keep column header static (not to be affected with the scroll) then we get an issue where data underneath is reordered but the column names stay in their place