This question is locked. New answers and comments are not allowed.
I am using an application which is forced to work in IE-7. When a radgrid is loaded, it always comes with a vertical scrollbar which I don't want. It works completely fine in IE 9 and 11. I am fine with horizontal scrollbar because number of columns are dynamic in my application.
I am sharing my code :
<telerik:RadGrid ID="grdSearchResults" runat="server" AllowPaging="True" AllowSorting="True"
CellSpacing="0" GridLines="Both" AutoGenerateColumns="False" PageSize="50" OnPageIndexChanged="GrdSearchResults_PageIndexChanged"
OnSortCommand="GrdSearchResults_PageSort" OnColumnCreated="GrdSearchResults_ColumnCreated"
OnItemCommand="GrdSearchResults_ItemCommand" OnItemCreated="GrdSearchResults_ItemCreated"
OnPageSizeChanged="GrdSearchResults_PageSizeChanged" EnableEmbeddedBaseStylesheet="true"
enablingajaxskinrendering="true" AllowCustomPaging="False" Width="100%" Skin="Default">
<MasterTableView ShowHeadersWhenNoRecords="true" Width="1405px" TableLayout="Fixed">
<HeaderStyle Width="100px" />
<ItemStyle Width="100px" />
<NoRecordsTemplate>
No Records Found.
</NoRecordsTemplate>
</MasterTableView>
<PagerStyle Mode="NextPrevAndNumeric" PagerTextFormat="{4} Page {0} of {1}, Items {2} to {3} of {5}"
Position="TopAndBottom" AlwaysVisible="True" />
<ClientSettings AllowColumnsReorder="True" AllowColumnHide="True" AllowRowHide="True"
ReorderColumnsOnClient="True">
<Resizing AllowResizeToFit="false" EnableRealTimeResize="True" ResizeGridOnColumnResize="True"
AllowColumnResize="true" ClipCellContentOnResize="false"></Resizing>
<Scrolling AllowScroll="true"></Scrolling>
</ClientSettings>
</telerik:RadGrid>
In Stylesheet
.rgDataDiv
{
height: auto !important;
}
This problem is there with telerik version 2014.3.1024.40 and 2012.1.411.40. I am not sure about other versions.
Attaching the screenshot for the radgrid in IE7 and IE11. Can you please guide me as to how I can fix the issue for IE7 browser and make it work similar to IE11.
I am sharing my code :
<telerik:RadGrid ID="grdSearchResults" runat="server" AllowPaging="True" AllowSorting="True"
CellSpacing="0" GridLines="Both" AutoGenerateColumns="False" PageSize="50" OnPageIndexChanged="GrdSearchResults_PageIndexChanged"
OnSortCommand="GrdSearchResults_PageSort" OnColumnCreated="GrdSearchResults_ColumnCreated"
OnItemCommand="GrdSearchResults_ItemCommand" OnItemCreated="GrdSearchResults_ItemCreated"
OnPageSizeChanged="GrdSearchResults_PageSizeChanged" EnableEmbeddedBaseStylesheet="true"
enablingajaxskinrendering="true" AllowCustomPaging="False" Width="100%" Skin="Default">
<MasterTableView ShowHeadersWhenNoRecords="true" Width="1405px" TableLayout="Fixed">
<HeaderStyle Width="100px" />
<ItemStyle Width="100px" />
<NoRecordsTemplate>
No Records Found.
</NoRecordsTemplate>
</MasterTableView>
<PagerStyle Mode="NextPrevAndNumeric" PagerTextFormat="{4} Page {0} of {1}, Items {2} to {3} of {5}"
Position="TopAndBottom" AlwaysVisible="True" />
<ClientSettings AllowColumnsReorder="True" AllowColumnHide="True" AllowRowHide="True"
ReorderColumnsOnClient="True">
<Resizing AllowResizeToFit="false" EnableRealTimeResize="True" ResizeGridOnColumnResize="True"
AllowColumnResize="true" ClipCellContentOnResize="false"></Resizing>
<Scrolling AllowScroll="true"></Scrolling>
</ClientSettings>
</telerik:RadGrid>
In Stylesheet
.rgDataDiv
{
height: auto !important;
}
This problem is there with telerik version 2014.3.1024.40 and 2012.1.411.40. I am not sure about other versions.
Attaching the screenshot for the radgrid in IE7 and IE11. Can you please guide me as to how I can fix the issue for IE7 browser and make it work similar to IE11.