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; }
{
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.
Hi Petar Ivanov,
Alternate row styles applied to server side binded rows..
But when I add row in clientside code alternate row styles not applied to alternate rows..
Please help me on this..
Hi SangramBhosale,
Thank you for your reply.
Please do not hesitate to contact me if you need further assistance.
I'm very much thankful for your reply. It did helped me and worked accordingly the way I needed. Looking forward for such kind of solutions from the Infragistics team.
Thank you.
Thank you for posting in the community.
In order to get the hover styles applied when hovering over the fixed column cells, can you try adding the following CSS class:
tbody.GridItemClass>tr:hover>td>div>table>tbody>tr>td { background: #C0C0C0; }
Please let me know if this helps.