Thanh Dang
Top achievements
Rank 2
Rank 2
Thanh Dang
asked on 25 Mar 2010, 03:49 AM
My Grid has dynamic number of columns, range from 4-14 columns. Each header and cell is fixed width. MasterTableView TableLayout is Fixed. RadGrid's Width is left free (not width="100%").
The problem is in IE6, the Grid's broder is fully covers all item cells no matter how many columns it has. But in IE7, 8, Chrome or Firefox, Grid's border is always 100%, that causes cells in columns at right side of "100%" (columns that overflow the width of screen) have no border.
How could I do to keep the border covering all columns?
Eg.: 14 columns with 100px width each display in a 1024x768 screen
The problem is in IE6, the Grid's broder is fully covers all item cells no matter how many columns it has. But in IE7, 8, Chrome or Firefox, Grid's border is always 100%, that causes cells in columns at right side of "100%" (columns that overflow the width of screen) have no border.
How could I do to keep the border covering all columns?
Eg.: 14 columns with 100px width each display in a 1024x768 screen
1 Answer, 1 is accepted
0
Accepted
Hello Thanh,
The observed bvehavior is expected and according to web standards. Actuall IE6 behaves incorrectly.
Possible workaround include:
1. Enable RadGrid scrolling, so that the outer RadGrid width is not related to the number and width of the columns
or
2. float the RadGrid control and clear the float afterwards:
<telerik:RadGrid style="float:left" />
<div style="clear:both"><!-- --></div>
Best wishes,
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.
The observed bvehavior is expected and according to web standards. Actuall IE6 behaves incorrectly.
Possible workaround include:
1. Enable RadGrid scrolling, so that the outer RadGrid width is not related to the number and width of the columns
or
2. float the RadGrid control and clear the float afterwards:
<telerik:RadGrid style="float:left" />
<div style="clear:both"><!-- --></div>
Best wishes,
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.