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

Quirky frozen column issue with Chrome

6 Answers 29 Views
Grid
This is a migrated thread and some comments may be shown as answers.
David
Top achievements
Rank 1
David asked on 25 Sep 2013, 08:10 PM

I'm using radGrid to show 10 rows and 1st column frozen.  I'm also using GridTemplateColumns.

Using an UpdatePanel with async trigger to initiate the results shows fine the first time...10 rows displayed + first column frozen.

Then, I click the same search again but this time, only 8 rows show and I lose the frozen 1st column.  The data scrolls left/right but the headers remain in place.

Once in this broken state I click paging or sort (grdSearchResult_PageIndexChanged or grdGSearchResult_SortCommand) which rebinds the data, it fixes itself and the frozen column is back.

I really want to know why the radGrid doesn't size itself to show all 10 rows and what may be going on differently in the PageIndexChanged events.  I have my radGrid Height set  but should I be using something in the CSS to it automatically sizes to fit all the data rows?

I can't duplicate this behavior in IE though.

6 Answers, 1 is accepted

Sort by
0
Vasil
Telerik team
answered on 30 Sep 2013, 10:33 AM
Hello David,

Could you share your code with us? It is not known issue for us, and without seeing your code we would not be able to determinate why it is happen.

Regards,
Vasil
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
David
Top achievements
Rank 1
answered on 08 Nov 2013, 09:03 PM
I'm really not sure what you'd find useful (just the radGrid markup itself?) Getting a working project with data wouldn't be possible.

As mentioned below, the frozen column disappears when the radGrid doesn't expand to the full height of the 10 rows.  How can I force or change the height of the radGrid to be redrawn or expanded to show all 10 rows to see if that is affecting the frozen column?
0
Vasil
Telerik team
answered on 13 Nov 2013, 12:36 PM
Hello David,

Well, the markup, the styles, code-behind if it is related. We could bind the grid to sample DataTable created in the code behind.
Did you tested with our latest version, and if not, what is the version that you are using?

Regards,
Vasil
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
David
Top achievements
Rank 1
answered on 13 Nov 2013, 01:27 PM

Hi,

I figured out when it happens but not why.  I guess you can call this a single page application.  I have an html tab strip . 1st tab is the search criteria, the 2nd tab contains the radGrid in question inside an asp.net UpdatePanel which isn't initially visible (div with display:none) because I default to 1st tab when the users visit the page.  Upon clicking the "Search", I inspect the Sys.WebForms.PageRequestManager's endRequest by passing the row count back to the client to see if rows were bound.  If there are rows, I'll then switch to the 2nd tab using javascript to show the bound radGrid results (10 rows at a time with pager along the bottom).  In other words, I'm binding the grid while display is set to "none" and don't show it unless there are results available.

This works fine in IE 9/10.   But when I use this in Chrome and make the grid visible, the widths of the templated radGrad are collapsed, the height of the grid only shows about 8 rows, and the first column is no longer frozen.

However, if I click any page number in the pager along the bottom of the grid, the updatepanel asynch postback occurs again and the grid gets redrawn fine.  It's as if it doesn't know how to render correctly while style="display:none" using Chrome.

I'm using Telerik.Web.UI.dll 2012.3.1016.40.  Thanks, Dave

 

 

 

0
Vasil
Telerik team
answered on 18 Nov 2013, 11:13 AM
Hi David,

During it's initialization, the grid does lots of JavaScript calculation of the widths and heights of its element, that are possible only when it is visible.
If it has display:none, it could have problems with the initialization.

You could try to call the .repaint() of your grid after you change it's display. It could resolve the issues.

Regards,
Vasil
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
David
Top achievements
Rank 1
answered on 18 Nov 2013, 05:16 PM
Vasil,

Very nice!  it worked.  Thanks! Dave.
Tags
Grid
Asked by
David
Top achievements
Rank 1
Answers by
Vasil
Telerik team
David
Top achievements
Rank 1
Share this question
or