RadGrid Not displaying data in IE7

[Smith]

Hi,

Telerik Version: 2011, 3, 1115, 40
Browser Version: IE7 Standards

I have an odd issue with a pretty simple radgrid. In IE7 Standards mode, if a radgrid has cell text that exceeds the length of the cell, it hides the entire grid. If the columns are resized, it will render the grid like it should.

overflow:hidden on class="rgMasterTable rgClipCells rgClipCells" is the problem. I'm just not sure how to fix it.

Here's the grid:

<telerik:RadGrid ID="NotificationRadGrid" OnNeedDataSource="NotificationRadGrid_NeedDataSource" runat="server"
    GridLines="Horizontal">
    <ClientSettings>
        <ClientEvents OnRowSelected="ShowNotification" />
    </ClientSettings>
    <MasterTableView ShowHeader="true" AllowPaging="false" TableLayout="Fixed" ClientDataKeyNames="Notification_ID" ItemStyle-Wrap="False" HeaderStyle-Wrap="False">
        <Columns>
            <telerik:GridBoundColumn  DataField="Notification_Number"
                HeaderStyle-VerticalAlign="Bottom" HeaderStyle-Width="10%"  HeaderStyle-HorizontalAlign="Center"
                HeaderText="Number" ItemStyle-VerticalAlign="Top"
                 SortExpression="Notification_Number" UniqueName="Notification_Number">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn  DataField="Notification_Title"
                HeaderStyle-VerticalAlign="Bottom" HeaderStyle-Width="65%"
                HeaderText="Title" ItemStyle-VerticalAlign="Top"
                SortExpression="Notification_Title" UniqueName="Notification_Title">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn  DataField="Notification_Priority"
                HeaderStyle-VerticalAlign="Bottom" HeaderStyle-Width="10%"  HeaderStyle-HorizontalAlign="Center"
                HeaderText="Priority" ItemStyle-VerticalAlign="Top"
                SortExpression="Notification_Priority" UniqueName="Notification_Priority">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn  DataField="Notification_Published_Date"
                HeaderStyle-VerticalAlign="Bottom" HeaderStyle-Width="15%" HeaderStyle-HorizontalAlign="Center"
                HeaderText="Published" ItemStyle-VerticalAlign="Top"
                SortExpression="Notification_Published_Date" UniqueName="Notification_Published_Date" DataType="System.DateTime" DataFormatString="{0:MM/dd/yyyy}">
            </telerik:GridBoundColumn>
        </Columns>
        <CommandItemTemplate>
        </CommandItemTemplate>
    </MasterTableView>
</telerik:RadGrid>

Any help would be appreciated.

Smith

[Jayesh Goyani]

Hello smith, 

<!--[if lte IE 7]>
    <style type="text/css">
       .RadGrid .rgMasterTable .rgClipCells
        {
           // Set property here
            overflow : hidden !important;
        }
    </style>
    <![endif]-->

Note : set your own property in place of "overflow".
Thanks,
Jayesh Goyani

[Smith]

Thanks for the suggestion, Jayesh.

Unfortunately, simply changing the rule does nothing. It has to do with the rendering of the grid somehow. I identified that class by using the developer tools to disable that inline style rule, but simply changing the rule doesn't do anything.

Any other ideas.

[Jayesh Goyani]

Hello smith,

can you please provide css class and attached file(s) for understand your requirement.

Thanks,
jayesh goyani