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

[Solved] Grid not rendering correctly with IE 8

3 Answers 106 Views
Grid
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Colan
Top achievements
Rank 1
Colan asked on 30 Dec 2010, 12:00 PM
Grid with a hidden column renders correctly with Firefox, does not render correctly with IE 8.

<% Html.Telerik().Grid<GridT2Controller.GridClass2>()
           .Name("Grid1")
           .DataKeys(x=> x.Add(y=> y.Column1))
           .DataBinding(dataBinding => dataBinding.Ajax().Select("GridData", "GridTest"))
           .Scrollable(x => x.Height(100))
          
           .Columns(col =>
                        {
                            col.Bound(c => c.Column1).Hidden(true);
                            col.Bound(c => c.Column2);
                            col.Bound(c => c.Column3);
                            col.Bound(c => c.Column4);
                        })
                        .Render()
       ;


%>


In both browsers the column headings are rendered as expected - columns 2 through 4.  And Firefox renders the data rows as expected, for example row1column2, row1column3...  IE 8 skips the column 2 data and renders the column 3 data under the heading for column 2. Using IE 8's developer tools (f12) it can be seen that the data is being sent to the browser.










3 Answers, 1 is accepted

Sort by
0
Atanas Korchev
Telerik team
answered on 30 Dec 2010, 01:42 PM
Hello Colan,

 Unfortunately this is one of those IE quirks... The only solution that we know of is to put the hidden column last:

<% Html.Telerik().Grid<GridT2Controller.GridClass2>()
       .Name("Grid1")
       .DataKeys(x=> x.Add(y=> y.Column1))
       .DataBinding(dataBinding => dataBinding.Ajax().Select("GridData", "GridTest"))
       .Scrollable(x => x.Height(100))
       
       .Columns(col =>
        {
            col.Bound(c => c.Column2);
            col.Bound(c => c.Column3);
            col.Bound(c => c.Column4);
            col.Bound(c => c.Column1).Hidden(true);
        })
        .Render();
%>

Regards,
Atanas Korchev
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Kev
Top achievements
Rank 1
answered on 27 Jul 2011, 04:42 PM
Hi,

Was there a resolution or workaround to this quirk as of the last release Q2.712? It's still happenening in IE and it's a major bug given the hidden columns are almost always used when immutable database table keys are used.

Cheers
0
Dimo
Telerik team
answered on 28 Jul 2011, 08:06 AM
Hello Kev,

For the time being, our sole recommendation is to place hidden columns last.

All the best,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

Tags
Grid
Asked by
Colan
Top achievements
Rank 1
Answers by
Atanas Korchev
Telerik team
Kev
Top achievements
Rank 1
Dimo
Telerik team
Share this question
or