[Solved] Column overflow

[David Marconnet]

Hello, I have a problem with there being more columns than the width of the RadGrid control.  A user can scroll to the right and see all of the columns fine, but the bar that allows you to drag columns for grouping stops at the right of the page before you scroll.  Here is an example:

http://halocharts.com/temp/gridfix.jpg

I've searched the forums here and the documentation, but I'm still missing the fix.  I'm sure it's something simple.  Thanks!

[Dimo]

Hi David,

Judging by your screenshot, you have placed a RadGrid control inside a container, which is too narrow to fit all RadGrid columns.

The RadGrid control is a <div> element with a <table> element inside. <div>s are by defautl 100% wide and do not expand to enclose their content, while tables do expand. So the observed behavior is expected.

There are different possible solutions for this problem:

1) use RadGrid scrolling with or without static headers
http://www.telerik.com/help/aspnet-ajax/grdbasicscrolling.html
http://www.telerik.com/help/aspnet-ajax/grdscrollwithstaticheaders.html

2) set a large-enough pixel width to the RadGrid control

3) float the RadGrid control and clear the float after it with:

<telerik:RadGrid  style="float:left"  />
<div style="clear:both"><!-- --></div>

(floated elements expand as much as necessary to enclose their content)

Sincerely yours,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.