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

Horizontal scrollbar not working with static header

9 Answers 373 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Jagz W
Top achievements
Rank 2
Jagz W asked on 22 May 2013, 05:06 AM
Hi,

I have set UseStaticHeader property true for radgrid. Grid width and height is fixed. Horizontal scrolling is working for header in IE but in chrome and mozilla its not working.


Screen short attached.

Thanks,
Jagz W.

9 Answers, 1 is accepted

Sort by
0
Accepted
Shinu
Top achievements
Rank 2
answered on 22 May 2013, 05:34 AM
Hi Jagz W,

I have tried the scrolling with an example in all the browsers ,it works fine for me.
Please check the code below to see if it helps you.

ASPX:
<telerik:RadGrid ID="RadGrid1" DataSourceID="Sqldatasource1" Width="500px" Height="500px"
           runat="server" AutoGenerateColumns="false" AllowRowSelection="true">
           <MasterTableView>
               <Columns>
                   <telerik:GridBoundColumn DataField="OrderID" HeaderText="OrderID" UniqueName="ID">
                   </telerik:GridBoundColumn>
                   <telerik:GridBoundColumn DataField="OrderDate" HeaderText="OrderDate"
                    UniqueName="OrderDate"></telerik:GridBoundColumn>
                   <telerik:GridBoundColumn DataField="ShippedDate" HeaderText="ShippedDate"
                    UniqueName="ShippedDate"></telerik:GridBoundColumn>
                   <telerik:GridBoundColumn DataField="ShipCountry" HeaderText="ShipCountry"
                    UniqueName="ShipCountry"></telerik:GridBoundColumn>
                   <telerik:GridBoundColumn DataField="ShipPostalCode" HeaderText="ShipPostalCode"
                   UniqueName="ShipPostalCode"></telerik:GridBoundColumn>
               </Columns>
           </MasterTableView>
           <ClientSettings Scrolling-AllowScroll="true" Scrolling-UseStaticHeaders="true">
           </ClientSettings>
       </telerik:RadGrid>

Thanks,
Shinu
0
Jay
Top achievements
Rank 1
answered on 07 Oct 2013, 01:02 PM

HI Shinu

,

 

I tried the same

as mentioned by you but no use. it is working fine in firefox and IE but Notifications in google chrome. when i scroll to the right the headers stays leading to improper display of columns

Regards,
Jay

 

0
Shinu
Top achievements
Rank 2
answered on 07 Oct 2013, 01:21 PM
Hi Jay,

It's hard to identify what may be the problem,check the following points,if this doesn't help,provide your full code snippet.

*When scrolling is enabled and UseStaticHeaders is True, the grid columns should declare HeaderStyle.Width.
* TableLayout property of MasterTableView should be set to Fixed.

Thanks,
Shinu
0
Aris
Top achievements
Rank 1
answered on 27 Feb 2015, 12:12 PM
Another clue to this problem.

It is working on my dev web server, does not on IIS7!
0
Aris
Top achievements
Rank 1
answered on 27 Feb 2015, 12:14 PM
[quote]Aris said:Another clue to this problem.

It is working on my dev web server, does not on IIS7![/quote]

by the way it works if I don't use the custom header X-UA-Compatible with value IE=Edge
0
Aris
Top achievements
Rank 1
answered on 27 Feb 2015, 12:15 PM
works is I remove X-UA-Compatible IE=Edge
0
Muhammad
Top achievements
Rank 1
answered on 19 Oct 2016, 05:39 PM

Hi All,

Issue:

I had an issue when I use telerik DataForm with telerik RadGrid, the Form looked cut off when you publish to server but ok when running from local machine.

Solution:

has to be a combination of two things:

1- for the form issue make the top of your html side to your web form or MasterPage look like this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
<head runat="server">
<title></title>
<meta name="viewport" http-equiv="Content-Type" content="text/html; charset= UTF-8" />
<meta http-equiv="x-ua-compatible" content="IE=Edge"/>

this will fix the form issue but will cause the horizontal scrollbar to disappear from the RadGrid.

2- then to fix the RadGrid go to the MasterTableView of the RadGrid and set width to 100%

hope this will help

0
Muhammad
Top achievements
Rank 1
answered on 19 Oct 2016, 05:41 PM

Hi Aris,

I replied to your question, hope it'll be posted after 24 hours as they indicated.

regards

0
Matthew
Top achievements
Rank 1
answered on 21 Sep 2017, 09:41 PM
Thanks a lot, it helped a lot
Tags
Grid
Asked by
Jagz W
Top achievements
Rank 2
Answers by
Shinu
Top achievements
Rank 2
Jay
Top achievements
Rank 1
Aris
Top achievements
Rank 1
Muhammad
Top achievements
Rank 1
Matthew
Top achievements
Rank 1
Share this question
or