Grid Columns rendering misaligned on IE7

[Jud]

Hi,

I am having trouble using RadGrid on IE7 that is when I am selecting only one row to display by setting display none property of all the rows except one (that needs to be displayed) the the header and columns are rendered misaligned, as you can see in figure 1, plus the last column of header is also not displaying completely.

Figure 1

However when I set all the rows to display things are rendered fine (see figure 2) and also when I set only 1^st row to display that also works fine as you can see in figure 3



Figure 2

Figure 3

The issue is not reproducible on IE8 and FireFox.

[Pavlina]

Hello Mohammed,

A possible cause of the problem is that the sum of the header cell paddings and borders is not equal to the data cell paddings and borders. This can happen if you are using a custom skin or some CSS styles on the page override the RadGrid styles. Some more relevant information is available at:

http://www.telerik.com/support/kb/aspnet-ajax/grid/how-to-align-radgrid-cells-when-using-scrolling-and-gridlines.aspx

(Generally we do not recommend using the GridLines property at all).

Regards,
Pavlina
the Telerik team