[Solved] Multilevel detailed view is not aligned properly in IE

[Ravindra]

Hi,
I have 2 issues here.

1. When i get a second level hierarchy to the grid using the detail view template, IE behaves weird.
2. I have the similar column for all the levels of hierarchy. I want the grid lines joining the individual levels be aligned properly.

Pelase see the attachments for more information

thanks 

[Ravindra]

Hi,
Can any one throw some light on this?
thanks

[Ravindra]

Hi Guys,
Is there any one who can throw some light on this? Is it possible to get this working in IE?
Or do we have to look for some alternative solution?

Any thoughts will be helpful

thanks again

[Ravindra]

Hi Telerik support team,
Can i understand this is not possible to get the multilevel grid working in IE 8/9?
Please confirm

thanks

[Atanas Korchev]

Hi Ravindra,

 Multi-level grid hierarchy works as expected in IE 8/9. Please check our online demo which demonstrates this: http://demos.telerik.com/aspnet-mvc/grid/hierarchyajax

Regards,
Atanas Korchev
the Telerik team

[Ravindra]

Hi Atanas,
thank your for the reply!
But please have a look at the document that i have added as attachment. If i have headers at individual levels, it works fine as per the demo. I don't want the headers to be there and it works file in Firefox and not in IE.
Please let me know if there are any hacks to get this working
thanks

[Atanas Korchev]

Hi Ravindra,

 We are not sure what is causing the problem because you have not provided any source code. Sending a sample project which we can run would help a lot.

Regards,
Atanas Korchev
the Telerik team

[Ravindra]

Hi Atanas,
I have created a replica in the attached example. Please run the sample both in IE and Firefox. Firefox works well but IE will not show the level 2 items properly. entire level 2 grid will come and sit in the first cell of level 1. (grid has 3 levels level 0, level 1, level 2)

Please note that this is important for us to get this working. Please let me know if any solution/workaround is there?

thanks again for following it up,
Regards,
Ravindra

[Ravindra]

Dear Support,
Kindly update me any progress on this?

thanks,
Ravindra

[Ravindra]

Dear Support,
I figured out what the problem is.
In Firefox, the detail grid is getting rendered with a colspan attribute set to '0'
where as in IE it has no mention about the colspan

I tried editing in Firebug removing the colspan attribute. I observe the same issue as that of IE.

<td colspan="0" class="t-detail-cell">....

Can you pls help me setting this colspan attribute in IE?
Thanks,
Ravindra

[Ravindra]

Hi Telerik Support ,
I figured-out the solution as well. Just wanted to get reviewed if this is fine?

i have made a small change to telerik.grid.min.js file. If you look at the below code, the col span is setting based on the visible headers. I think IE is not giving back anything for it as i'm hiding the headers alltogether. I have removed the :visible part of it and it is started working on all browsers.

'<td class="t-detail-cell" colspan="').cat(this.$header.find("th:not(.t-group-cell,.t-hierarchy-cell):visible").length

do you think it is a bug? or am i getting it wrongly?

Please confirm i'm at the solution to this issue?

thanks,
Ravindra

[Dimo]

Hello Ravindra,

The :visible condition is used in order to ensure correct behavior of the Grid when it contains hidden columns. Your modification may lead to problems and misalignment in such cases.

On the other hand, client-side operations with hidden columns are now supported and the source of the current MVC Grid version is different. This means that if you upgrade to Q3 2011, your scenario will start working and no workarounds will be required.

All the best,
Dimo
the Telerik team