I have to add  a hover effect on Records in the table. so, i have use the css

SyntaxEditor Code Snippet

.TableRecords  tr :hover {
    cursor: pointer;
    background-color:#FFB511!important; 
}

This css is applied only for the cell of the table, i need to add the hover effect to the entire row of the table.

How can i do this?

Seems to Work fine, I am not very good at css, but is it the space issue. Space between Tr  and :hover


Solution

Ellakkiya Selvadurai wrote:

I have to add  a hover effect on Records in the table. so, i have use the css

SyntaxEditor Code Snippet

.TableRecords  tr :hover {
    cursor: pointer;
    background-color:#FFB511!important; 
}

This css is applied only for the cell of the table, i need to add the hover effect to the entire row of the table.

How can i do this?

Try this one

SyntaxEditor Code Snippet

 .TableRecords tr:hover .TableRecords_OddLine,  .TableRecords tr:hover .TableRecords_EvenLine {

 background-color: your colorcode;





}


Regards,

Pankaj



Solution

Pankaj pant wrote:

Ellakkiya Selvadurai wrote:

I have to add  a hover effect on Records in the table. so, i have use the css

SyntaxEditor Code Snippet

.TableRecords  tr :hover {
    cursor: pointer;
    background-color:#FFB511!important; 
}

This css is applied only for the cell of the table, i need to add the hover effect to the entire row of the table.

How can i do this?

Try this one

SyntaxEditor Code Snippet

 .TableRecords tr:hover .TableRecords_OddLine,  .TableRecords tr:hover .TableRecords_EvenLine {

 background-color: your colorcode;





}


Regards,

Pankaj



Thankyou Pankaj,

It applies.