[Solved] Cross Browser Grid Issues

[Ravi Keshwani]

Hi All,

  I am facing below issues in radGrid when running my page in different browser.

(1) The cell contents gets overlapped  to next cell if the size of text increases then the cell width

 I have tried out the below style as posted in another thread for wrapping issue of mozilla

.GridRow_Default

 

td,

 

.GridAltRow_Default

 

td

 

{

 

overflow: hidden;

 

}

My Client settings for grid are 

 

 

<Resizing ClipCellContentOnResize="true" AllowColumnResize="true" ResizeGridOnColumnResize="true" />

 

[Dimo]

Hi Ravi,

The CSS rule above will work for RadGrid Q3 2008 or earlier versions. For Q1 2009 you need

.RadGrid .rgHeader,
.RadGrid .rgRow td,
.RadGrid .rgAltRow td
{
         overflow: hidden ;
}

The problem is fixed in Q2 2009.


Regards,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Ravi Keshwani]

Hi Dimo,

 The solution you provided is working for mozilla. But there is one more issue that when I resize the cell from the grid header then there is  misalignment  of borders of header and cells.
 
Please help me out.

[Dimo]

Hello Ravi,

In case you are using ItemStyle-Width to set column widths, then start using HeaderStyle-Width only.

If the above does not help, we will need your RadGrid declaration.

All the best,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.