Width is ignored on columns

[jfkrueger]

I can't get the grid to accept the column widths specified, the grid always takes up the width of the entire container it is in. How do I get the grid to respect the column widths specified?

@(Html.Telerik().Grid(Model)
    .Name( "Grid" )
    .Columns( columns =>
    {
        columns.Bound( student => student.PersonId ).Hidden(true);
        columns.Bound( student => student.LastName ).Width( 50 );
        columns.Bound( student => student.FirstMidName ).Width( 100 );
        columns.Bound( student => student.EnrollmentDate ).Format( "{0:d}" ).Width( 100 );
    })
    .DataBinding( dataBinding =>
    {
        dataBinding.Server().Select( "Index", "Student", new{ajax = true} );
        dataBinding.Ajax().Select( "AjaxIndex", "Student" ).Enabled( true );
    } )
    .PrefixUrlParameters( false )
    .Scrollable( scrolling => scrolling.Enabled( true ) )
    .Sortable( sorting => sorting.Enabled( true ) )
    .Pageable( paging => paging.Enabled( true ) )
    .Filterable( filtering => filtering.Enabled( true ) )
    .Groupable( grouping => grouping.Enabled( true ) )
    .Footer( true )
    .Selectable()
    .ClientEvents( events => events.OnRowSelect( "onRowSelected" ) )
    .TableHtmlAttributes( new
    {
        style = "table-layout:fixed;"
    } )
)

[jfkrueger]

Looks like I need to wrap it in a div with a specified width. Would be much better if the grid just accepted the values given rather than always taking up the width of the entire container it is in.