There appears to be a problem with the ResizeToFit functionality not working in Chrome (Version 44.0.2403.157 m).
Specifically, it appears that date fields are causing a problem.
The RadGrid renders fine in both IE (version 11) and Firefox (version 37).
<
telerik:RadGrid
ID
=
"gridFinder"
runat
=
"server"
Skin
=
"Windows7"
GroupingSettings-CaseSensitive
=
"false"
AllowSorting
=
"True"
AllowFilteringByColumn
=
"True"
CellSpacing
=
"0"
GridLines
=
"both"
GroupingEnabled
=
"False"
ShowGroupPanel
=
"True"
ShowHeader
=
"True"
EnableLinqExpressions
=
"false"
FilterMenu-OnClientShown
=
"menuShowing"
>
<
ClientSettings
>
<
Scrolling
AllowScroll
=
"false"
UseStaticHeaders
=
"true"
/>
<
Resizing
AllowColumnResize
=
"true"
ResizeGridOnColumnResize
=
"false"
AllowResizeToFit
=
"true"
/>
<
ClientEvents
OnFilterMenuShowing
=
"filterMenuShowing"
/>
</
ClientSettings
>
<
MasterTableView
PageSize
=
"20"
CommandItemDisplay
=
"Top"
>
<
CommandItemSettings
ShowAddNewRecordButton
=
"false"
/>
<
Columns
>
<
telerik:GridButtonColumn
ButtonType
=
"ImageButton"
HeaderText
=
"Select"
CommandName
=
"Select"
UniqueName
=
"SelectRecord"
ImageUrl
=
"~/images/icons/accept.png"
ItemStyle-Width
=
"18px"
/>
</
Columns
>
</
MasterTableView
>
</
telerik:RadGrid
>
Javascript to invoke the resizeToFit...
function
ResizeColumns() {
var
grid = $find(
"[gridFinder]"
);
if
(grid !=
null
) {
var
columns = grid.get_masterTableView().get_columns();
for
(
var
i = 0; i < columns.length; i++) {
columns[i].resizeToFit(
false
,
true
);
}
}
}
Sys.Application.add_load(ResizeColumns);
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(ResizeColumns)
FYI, the RadGrid in question resides in a user control in case that makes a difference.
Any ideas how to fix this?
Dennis