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

[Solved] Border is appearing in the middle of the grid

10 Answers 179 Views

Grid

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

James Faw asked on 12 Mar 2010, 01:33 AM

gridscrollinmiddle.PNG

gridscrollleft.PNG

    
                <asp:Panel ID="Panel1" runat="server" Width="800px" ScrollBars="Auto">  
        
                    <telerik:RadGrid ID="RadGrid1" runat="server" GridLines="None"   
        
                        AutoGenerateColumns="False" Skin="Office2007"   
        
                        onneeddatasource="RadGrid1_NeedDataSource">  
        
                        <MasterTableView DataKeyNames="PaymentFrequencyID" EditMode="InPlace" Width="2000px">  
        
                            <Columns> 
        
                                <telerik:GridTemplateColumn DataField="Disabled" DataType="System.Boolean"   
        
                                    HeaderText="Disabled"   
        
                                    UniqueName="Disabled">  
        
                                    <ItemTemplate> 
        
                                        <asp:CheckBox ID="chkDisabled" runat="server" Checked='<%# Bind( "Disabled" ) %>' /> 
        
                                    </ItemTemplate> 
        
                                </telerik:GridTemplateColumn> 
        
                            </Columns> 
        
                        </MasterTableView> 
        
                        <ClientSettings> 
        
                            <Resizing AllowColumnResize="True" /> 
        
                        </ClientSettings> 
        
                    </telerik:RadGrid> 
        
                    <asp:Button ID="Button1" runat="server" Text="Button" /> 
        
                </asp:Panel>

Here is simple page
and below is the code

    
                class TestDIVBorder  
        
                {  
        
                    public int PaymentFrequencyID { get; set; }  
        
                    public bool Disabled { get; set; }  
        
                }  
        
                public partial class WebForm1 : System.Web.UI.Page  
        
                {  
        
                    protected void Page_Load(object sender, EventArgs e)  
        
                    {  
        
                    }  
        
                    protected void RadGrid1_NeedDataSource(object source, Telerik.Web.UI.GridNeedDataSourceEventArgs e)  
        
                    {  
        
                        var list = new List<TestDIVBorder>();  
        
                        list.Add(new TestDIVBorder() { PaymentFrequencyID = 1, Disabled = true });  
        
                        list.Add(new TestDIVBorder() { PaymentFrequencyID = 2, Disabled = true });  
        
                        list.Add(new TestDIVBorder() { PaymentFrequencyID = 3, Disabled = true });  
        
                        list.Add(new TestDIVBorder() { PaymentFrequencyID = 4, Disabled = true });  
        
                        list.Add(new TestDIVBorder() { PaymentFrequencyID = 5, Disabled = true });  
        
                        RadGrid1.DataSource = list;  
        
                    }  
        
                }

Below you can see 2 images when scroll in different positions and you may see the line. How can I fix it?
I see it this way only in IE8.

10 Answers, 1 is accepted

answered on 12 Mar 2010, 08:55 AM

Hello James,

You are trying to place a 2000px-wide MasterTableView in a 800px-wide Panel, is that correct ? If so, then do one of the following:

1. Set the 2000px width to the RadGrid control, not the MasterTableView
or
2. Enable RadGrid scrolling (with our without static headers)

Kind regards,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

Accepted

answered on 15 Mar 2010, 10:40 AM

Hi Pavel,

RadGrid scrolling is enabled from the control's ClientSettings.

<ClientSettings>
<Scrolling .......... />
</ClientSettings>

If you have not used this functionality before, I recommend the following help resources:

http://www.telerik.com/help/aspnet-ajax/grdbasicscrolling.html

http://www.telerik.com/help/aspnet-ajax/grdscrollwithstaticheaders.html

http://www.telerik.com/help/aspnet-ajax/height-vs-scrollheight.html

Let us know if you need more information.

Kind regards,
Dimo
the Telerik team

Accepted

answered on 26 Mar 2010, 09:28 AM

Hi James,

"I want vertical scrolling and don't want horizontal. I mean grid will have dynamical height depends on amount of the records."

I suppose you wanted to say that you want horizontal scrolling and no vertical?

Set some custom CSS class to the RadGrid control and then use:

.GridCustomClass .rgDataDiv
{
height: auto !important ;
}

Regards,
Dimo
the Telerik team

Accepted