[Solved] mvc grid display problem

[david]

Hi, i'm having a problem which i've seen in the videos provided by telerik http://tv.telerik.com/watch/aspnet-mvc/grid/getting-started-with-grid-data-binding (4mins:43 seconds).
basically, the MVC grid doesnt fit within its own frame.

it seems that <thead class="t-grid-header"> sits outside of <div id="grid" class="t-widget t-grid">is the correct size but the columns don't fit within the grid.  any suggestions on what's wrong and how to resolve?

thanks

reference:
<div id="grid" class="t-widget t-grid">
<thead class="t-grid-header">

update: i've noticed i only get this problem when my mvc grid sits inside my <div> with the following attributes:
.col1Content
{
    float: left;
    padding: 20px 28px 28px 27px;
    width: 700px;
}

[Hristo Germanov]

Hi david,

Thank you for your feedback. I confirm this as a bug and it will be fixed with the next official release of Telerik components for ASP.NET MVC.

You can try this as a workaround:
.HtmlAttributes(new { style = "display: table;"})

I have updated your Telerik points.

Greetings,
Hristo Germanov
the Telerik team

[david]

hey Hristo,
not sure if this is another bug but its worth noting..
that if i enable: .HtmlAttributes(new { style = "display: table;"}) as you suggested it breaks horizontal scrolling on the grid.

removing the attribute and horizontal all works fine.

thanks,
dave

[Alex Gyoshev]

Hello David,

Remove the .HtmlAttributes declaration. The horizontal scrolling will work fine. Sample project attached.

Kind regards,
Alex Gyoshev
the Telerik team