Width not applying on columns

[Steve A]

Let me preface . Yes I can see them working on the examples. The width method is having no effect. If I enable Scrollable it does work. I do not want Scrollable though <asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">

<div class="display">

<%

Response.Write(Html.Hidden("SelectedPersonId"));    // value holder for other links in the master page.

Html.Telerik().Grid<PersonSearchListModel>()

.Name("Telerik_SearchResults")

.Columns(columns =>{

columns.Bound(c => c.PersonID).Title("ID");

columns.Bound(c => c.FirstName).Title("First");

columns.Bound(c => c.MiddleName).Title("Middle");

columns.Bound(c => c.LastName).Title("Last");

columns.Bound(c => c.Phone).Title("Phone").Width(300);

columns.Bound(c => c.Address).Title("Address");

columns.Bound(c => c.SSN);

columns.Bound(c => c.HICN);

columns.Bound(c => c.DOB).Title("Date of Birth").Format("{0:MM/dd/yyyy}");

columns.Bound(c => c.EnrollmentStatus);

columns.Bound(c => c.AuthorizedRep);

columns.Bound(c => c.AuthorizedRepPhone);

}).ClientEvents(events => events

.OnLoad("Telerik_SearchResults_Load")

.OnRowSelected("Telerik_SearchResults_RowSelected")

).BindTo(Model.SearchResults)

.Selectable()

//.Scrollable(sc=>sc.Height(900))

//   .Pageable(settings => settings.PageSize(Model.ResultsPerPage))

.DataKeys(keys => keys.Add(my => my.PersonID))

//   .Sortable(settings => settings.Enabled(true).SortMode(GridSortMode.SingleColumn))

.Render()

;

%>

</div>

[Ryan]

I have this same problem and same effect.  If I set scrollable then the width attribute suddenly takes effect.

However I also don't want to have scrollbars!

Can anyone help?

Thanks,

Ryan.

[Emmanuel]

Anybody been able to fix this??

(I seem to see a lot of unanswered posts... Not very impressed with Telerik.)

[Joshua]

I am having this same problem. Telerik, please help?

[Atanas Korchev]

Hello,

 We would need an example showing when the column width did not apply. Here are a few tips when setting the width of the column:

1. Leave one column without width set. Otherwise the total sum of the widths can increase the width of the grid.
2. If using hidden columns - make them last otherwise they will mess up the width of other columns in Internet Explorer
3. Scrollable grids have their table-layout CSS attribute set to fixed. This allows full control over the width of the column. In non-scrollable mode the HTML Table element is in control of the column width and the value set may not be the value shown by the browser.

Regards,
Atanas Korchev
the Telerik team

[Jann]

The problem with your first suggestion is that if you don't set the width of all columns, you don't get proper horizontal scrolling. However, if you set the column width on all columns you get misalignment between the columns and the header when you change the window size. This issue only occurs in IE7, IE8 and FF are fine.