This is a migrated thread and some comments may be shown as answers.

Scrolling inside Table tags

4 Answers 84 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Mikhail
Top achievements
Rank 1
Mikhail asked on 05 Aug 2008, 06:43 PM
I tried enabling the scrolling feature for a grid. This works perfectly if the grid isn't contained in a <table> tag.... But if the grid is inside a table, Weird things happen....

If you use IE7, and you resize the IE7 window, IE freezes..
If you use Firefox 2 or Safari, about 2% of the grid will show up.. Resizing it will only show 1 column for Firefox2...

Is there anyone out there experiencing these behaviours? Anyone got a solution?

Thanks.

4 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 06 Aug 2008, 08:37 AM
Hello Mikhail,

We are aware of an issue with Internet Explorer, caused by a browser bug - when RadGrid with scrolling is placed inside a table, the table expands. This is fixed either by setting style="table-layout:fixed" to the container table, or by setting style="overflow:hidden" to RadGrid (the latter should be used only if UseStaticHeaders="True")

We are not familiar with the issues that you have described. Could you copy/paste your RadGrid declaration here, together with the parent table's HTML? Thanks.


Regards,
Dimo
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Mikhail
Top achievements
Rank 1
answered on 06 Aug 2008, 03:12 PM
Hello Dimo,
Thanks for your suggestion.. I tried it out but it didn't work for me.  The IE window still freezes whenever i resize it. Here's a sample page:

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %><%@ Register  
    Assembly="RadGrid.Net2" Namespace="Telerik.WebControls" TagPrefix="radG" %> 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server">  
    <title>Untitled Page</title> 
      
    <link href="StyleSheet.css" type="text/css" rel="stylesheet" /> 
</head> 
<body> 
    <form id="form1" runat="server">  
        <table> 
            <tr> 
                <td> 
                    <radG:RadGrid CssClass="GridStyle" ID="RadGrid1" runat="server" AllowSorting="True" DataSourceID="SqlDataSource1" GridLines="None" Width="100%">  
                        <MasterTableView AutoGenerateColumns="False" DataKeyNames="ID" DataSourceID="SqlDataSource1">  
                            <Columns> 
                                <radG:GridBoundColumn DataField="ID" DataType="System.Int32" HeaderText="ID" ReadOnly="True" 
                                    SortExpression="ID" UniqueName="ID">  
                                </radG:GridBoundColumn> 
                                <radG:GridBoundColumn DataField="UCID" HeaderText="UCID" SortExpression="UCID" UniqueName="UCID">  
                                </radG:GridBoundColumn> 
                                <radG:GridBoundColumn DataField="ITUsername" HeaderText="ITUsername" SortExpression="ITUsername" 
                                    UniqueName="ITUsername">  
                                </radG:GridBoundColumn> 
                                <radG:GridBoundColumn DataField="FirstName" HeaderText="FirstName" SortExpression="FirstName" 
                                    UniqueName="FirstName">  
                                </radG:GridBoundColumn> 
                                <radG:GridBoundColumn DataField="LastName" HeaderText="LastName" SortExpression="LastName" 
                                    UniqueName="LastName">  
                                </radG:GridBoundColumn> 
                                <radG:GridBoundColumn DataField="UserTypeID" DataType="System.Int32" HeaderText="UserTypeID" 
                                    SortExpression="UserTypeID" UniqueName="UserTypeID">  
                                </radG:GridBoundColumn> 
                                <radG:GridBoundColumn DataField="StatusID" DataType="System.Int32" HeaderText="StatusID" 
                                    SortExpression="StatusID" UniqueName="StatusID">  
                                </radG:GridBoundColumn> 
                            </Columns> 
                        </MasterTableView> 
                        <ClientSettings> 
                            <Scrolling AllowScroll="True" UseStaticHeaders="True"/>  
                        </ClientSettings> 
                    </radG:RadGrid> 
                </td> 
            </tr> 
        </table> 
                 
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:UofC_GridSamplesConnectionString %>" 
            SelectCommand="spUsers_RetrieveAllUsers" SelectCommandType="StoredProcedure"></asp:SqlDataSource> 
    </div> 
    </form> 
</body> 
</html> 

Where GridStyle has overflow: hidden...
0
Dimo
Telerik team
answered on 07 Aug 2008, 12:49 PM
Hi Mikhail,

Thank you for the sample page, however, IE7 did not freeze on window resize on my computer. Please open a new support ticket and send us a simple runnable project, which reproduces the problem.

Sincerely yours,
Dimo
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Joel R
Top achievements
Rank 1
answered on 13 Oct 2014, 04:33 PM
Solved my problem.... Thanks!!!!
Tags
Grid
Asked by
Mikhail
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Mikhail
Top achievements
Rank 1
Joel R
Top achievements
Rank 1
Share this question
or