Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
60
Fixed-column's alternate rows' and nonFixed column's alternate rows' hovering not working simutaneously.
posted

Hi Friends,

I have a problem in webdatagrid for fixed-column & other column alternate rows and following is its description. Please read carefully for the understanding.

1> applied    ItemCssClass="GridItemClass" AltItemCssClass="GridAltItemClass" for the rows(even & odd) in WebDataGrid. (alternate row is applied light grey color)

css classes are written like :-

 

 

 

 

 

 

 

 

TBODY.GridItemClass>TR>TD

{ font-family:Arial;   font-size:11px;   height:6px;   padding:0;  }

 

 

 

 

 

 

 

 

 

 

TBODY > TR.GridAltItemClass >TD

{

 

background: #F0F0F0;height:6px; padding:0;font-family:Arial; font-size:11px;}

when mouse hovers on any row, following css gives DARKGREY COLOR to that row.

 

 

 

 

tbody.GridItemClass>tr:hover>td

{  

 

background: #C0C0C0;  }

2> asp.net code for column fixing (can fix any column to left side).

 

 

<ig:ColumnFixing FixLocation="Left" CellCssClass="GridItemClass" >

 

 

</ig:ColumnFixing>

Here, I have applied the same css, one which applied to the ItemCssClass property of webdatagrid.

 3> When I fix any of the column (to the left), the right side hovering works normal (gives dark grey color to the row on which mouse is placed including the consecutive row in the fixed-column). This works normal.

4> Now, when mouse is moved on the left side (fixed-column's row), gives dark grey color to the row on which mouse is placed including the consecutive row in the nonfixed-column(right side). This also works normal.

5> PROBLEM:- However, when I hover the mouse on the alternate row(light grey colored) of the fixed-column(left side), gives the dark grey color to that row, but NOT to the consecutive alternate row in the nonfixed-column(right side).

6> The css used for alternate rows in the webdata grid is overridding but cannot remove that because I have to give the lightgrey color to the alternate rows(both from fixed and nonfixed columns).

Solutions will be appreciated. Wish you Happy New Year and Thanks in advance.