RadGrid StaticHeader Column Align

2 posts, 1 answers
  1. Daniel
    Daniel avatar
    159 posts
    Member since:
    Feb 2014

    Posted 28 Jul 2014 Link to this post

    Hello,

    I am working on a project with a RadGrid.
    In the RadGrid, each column has a filter and a DetailView.
    The grid has a StaticHeader.
    When page direction is Right To Left (RTL) and the user scrolls, the StaticHeader’s location goes wrong.

    VB .NET:
    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        If Not IsPostBack Then
                RadGrid1.AllowSorting = True
                RadGrid1.MasterTableView.AllowSorting = True
                RadGrid1.PageSize = 50
                RadGrid1.MasterTableView.AllowPaging = True
                RadGrid1.AllowPaging = False
      
                Dim tableViewOrders = New GridTableView(RadGrid1)
                RadGrid1.MasterTableView.DetailTables.Add(tableViewOrders)
                RadGrid1.ClientSettings.Scrolling.UseStaticHeaders = True
                RadGrid1.AllowFilteringByColumn = True
            RadGrid1.MasterTableView.HeaderStyle.Width = Unit.Pixel(200)
            End If
    End Sub

    ASPX:
    <body dir="rtl">
        <form id="form1" runat="server">
    <telerik:RadGrid ID="RadGrid1" runat="server" MasterTableView-EnableHeaderContextMenu="true" Height="600px" Width="700px" Skin="Web20" MasterTableView-Dir="RTL">
                                <ClientSettings>
                                       <Scrolling AllowScroll="True"></Scrolling>
                                    <ClientEvents />                 
                                </ClientSettings>
                            </telerik:RadGrid>
     
     </form>
    </body>

    I have attached a video that shows the problem: 
    [Video Link]

    How can I solve this problem?
     
    Thanks,
    Daniel.
  2. Answer
    Pavlina
    Admin
    Pavlina avatar
    6142 posts

    Posted 29 Jul 2014 Link to this post

    Hi Daniel,

    Indeed the described problem persists when page direction is RTL. This issue is already logged in the bug tracking system and our developers will fix it as soon as possible. As a temporary solution you can add the CSS code snippet below:
    <style type="text/css">
           .rgHeaderDiv
           {
               margin-left: 17px;
           }
       </style>

    Regards,
    Pavlina
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top