this is my grid definition from aspx page; the columns are generated in the code-behind in page_init
Everthing work well in IE8-9, Firefox, but not IE7 where when i horizontal scroll to the end of the right side the first 2 columns from the left which are not frozen and normally should be displayed are in fact overlaped.
I tried with different combination's for the width value (%) for the mastertableview and the radgrid and also in conjunction with tablelayout="fixed|auto". Also the container of the grid have a fixed width in pixels.
Please see the picture attached
Any ideea ?
<
telerik:RadGrid
ID
=
"competenceGrid"
runat
=
"server"
Width
=
"99%"
>
<
ClientSettings
>
<
Scrolling
AllowScroll
=
"True"
UseStaticHeaders
=
"True"
FrozenColumnsCount
=
"4"
>
</
Scrolling
>
<
ClientEvents
OnGridCreated
=
"GridCreated"
/>
</
ClientSettings
>
<
MasterTableView
TableLayout
=
"Fixed"
Width
=
"100%"
Height
=
"100%"
>
<
RowIndicatorColumn
>
<
HeaderStyle
Width
=
"20px"
></
HeaderStyle
>
</
RowIndicatorColumn
>
<
ExpandCollapseColumn
>
<
HeaderStyle
Width
=
"20px"
></
HeaderStyle
>
</
ExpandCollapseColumn
>
</
MasterTableView
>
<
HeaderContextMenu
EnableImageSprites
=
"True"
CssClass
=
"GridContextMenu GridContextMenu_Default"
>
</
HeaderContextMenu
>
<
ItemStyle
HorizontalAlign
=
"Center"
/>
<
ActiveItemStyle
HorizontalAlign
=
"Center"
/>
<
AlternatingItemStyle
HorizontalAlign
=
"Center"
/>
<
HeaderStyle
Width
=
"160px"
Height
=
"75px"
/>
</
telerik:RadGrid
>
I tried with different combination's for the width value (%) for the mastertableview and the radgrid and also in conjunction with tablelayout="fixed|auto". Also the container of the grid have a fixed width in pixels.
Please see the picture attached
Any ideea ?