This is a migrated thread and some comments may be shown as answers.

RadGrid StaticHeader Column Align

1 Answer 62 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Daniel
Top achievements
Rank 1
Daniel asked on 28 Jul 2014, 08:08 AM
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.

1 Answer, 1 is accepted

Sort by
0
Accepted
Pavlina
Telerik team
answered on 29 Jul 2014, 08:52 AM
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.

 
Tags
Grid
Asked by
Daniel
Top achievements
Rank 1
Answers by
Pavlina
Telerik team
Share this question
or