[Solved] Grid displayed incorrectly in IE

[Michael]

here are some screen shots of the same code in ie/firefox chrome displays the same as IE.

The child grid is displayed in the bounds of the fiurst column of the parent grid

this only occurs for the first row's childs data

so im thinking its somehting to do with the java code from the example/demo code which opens the first row's data onload?

function expandFirstRow(grid, row) {
    if (grid.$rows().index(row) == 0) {
        grid.expandRow(row);
    }
}

function races_onRowDataBound(e) {
    var grid = $(this).data('tGrid');
    expandFirstRow(grid, e.row);
}

[Rosen]

Hello Michael,

 Unfortunately, the provided details are not sufficient in order to track the cause of such behavior. Are you able to observed the same behavior on our live demos? It will be appreciated if you could send us a small runnable project in which this issue can be observed.

All the best,
Rosen
the Telerik team

[Michael]

Im afraid i havent time to do a small program to show this...i can however direct you to the website to see for yourself.

I also notice that when i run the web locally i dont see this problem on either IE or Chrome??

I will attach the view file and anything else you're interested in seeing here?

[Rosen]

Hello Michael,

Indeed, a live URL at which the behavior can be observed will be helpful.

Regards,
Rosen
the Telerik team

[Michael]

warrnamboolathletics.com
oops

[Rosen]

Hi Michael,

Indeed, I was able to recreate the issue you have described and we have managed to address it. Thus, I have attached an internal build which contains the fix. I have update your telerik points too.

Best wishes,
Rosen
the Telerik team