Issue on RADGRID multiple column and static headers

[vijayaraj]

Hello Team,

     I am new to this control and doing on RnD on Radgrid for one of my project.

The issue i face is when i use multiple columns around 20-25 and when i enable the property UseStaticHeaders = "true" the width and the align  of the column is getting changed in the firefox browser. Plus i also has the property like below.

<Scrolling AllowScroll="True" UseStaticHeaders="true" FrozenColumnsCount="2" />

 

 

<Resizing AllowColumnResize="True" EnableRealTimeResize="True" ResizeGridOnColumnResize="True" />

<MasterTableView TableLayout="fixed" Width="95%">.

is ther any property i need to enable  to fix the alignment for different browser ??

Thanks
Vijay

 

[Dimo]

Hi Vijay,

Unfortunately, Firefox does not support AutoLayout for the RadGrid MasterTable, that's why the column widths change and become equal.

You can overcome this problem by setting column widths explicitly by using HeaderStyle-Width for each column.


Best wishes,
Dimo
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[vijayaraj]

Dimo,

  I tried by giving the fixed width like
<FooterStyle Width="10%" />
<HeaderStyle Width="10%" />
<ItemStyle Width="10%" />

 for each GridBoundColumn and  GridTemplateColumn but when I use this the column are getting squeeze like the column values are getting overlapped in both the IE and firefox browser.

Any solutions for this issue ?

Vijay

[Dimo]

Hello Vijay,

You only need HeaderStyle Width, please remove the others.

When using static headers, RadGrid by default tries to fit its MasterTableView and all columns in the designated control width. In your case with a lot of columns, please set a larger width for the MasterTableView, for example

<MasterTableView Width="2000px" />


Sincerely yours,
Dimo
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Joseph Stalin]

Hi Dimo,

I am still facing this issue..This issue occurs to me only in IE8 compatability mode.

Excat error:
Unhandled exception at line 2670, column 39 in http://localhost:50078/ScriptResource.axd?d=0U3Ivm1KIquF19aKPIUfg1jLiqNAdNkmcRY8j9417dQqy1XTj6FLMiW1FmSEk6l9a_VJtpmtbmdsifmKSZFVEU9ftGCFUuZUC825cWlOP38G_m7Wxm-neuszeYzZfSFgQK-6c7zdDdVVZn8C6BDXBg2&t=271e16da

0x80070057 - Invalid argument.

I have a muti header multi colum rad grid..
I am setting only the header style width for all the columns...
This error occurs when i try to add header style width for the columns which is part of grouped headers columns.

I am getting the error in scriptResource.asd file

h[r].style.width=(h[r].offsetWidth+Telerik.Web.UI.Grid.correctWidthForIE(s[r]))+"px"

Above is the place where unhandled exception occurs

[Joseph Stalin]

I get error in IE8 compatability mode.

[Joseph Stalin]

I get this error in IE8 compatability mode.

I am only using header style width.

I have grouped column headers in my grid.

If i do not set header style width for the grouped columns it is working fine

[Pavlina]

Hello Joseph,

Can you please send us the problematic code and the related code, so we can test it locally and advice you further?

Regards,
Pavlina
Telerik