How to remove change of color on hover in a Table

Back to Forums

Shirley Grenelle

Solved

Question

CSS

Hello,

At this stage I tried everything to remove the change of color in my table:

this is the css of the table:

I found this solution on the forum: https://www.outsystems.com/forums/discussion/61348/disable-hover-color-change-retain-table-row-color-based-on-conditions/

But when I try

the first code snippet

tbody > tr:hover > td { background-color: unset !important; color: unset !important;}

I get this as a result:

The second snippet

tbody { pointer-events: none;}

gives a good result (no change color on hover), BUT I have 2 input fields in my table and then they are also disabled, so it's not a solution to my problem.

Thank you for your help!

Kr,

27 Jun 2022

Shirley Grenelle

Solution

Hi all,

the problem was resolved with this code:

Thanks for the help!

See solution in context

27 Jun 2022

Rahul Jain

Hello Shirley,

Can you please share OML File.

Thanks

--RJ--

27 Jun 2022

Ekjot Singh

Hello Shirley,
May be you try to exempt the input parameter through CSS.

Please find the below link for your reference:
https://developer.mozilla.org/en-US/docs/Web/CSS/:not

Thanks

27 Jun 2022

Benjith Sam

MVP

Hi Shirley,

If the second snippet is blocking your req, then probably the below-mentioned tricky solution may help.

Wrap the TableRecords widget with a container, defined with a custom StyleClass, e.g. custTbl_style

Define the below CSS definition in the Style Sheet section

.custTbl_style .TableRecords tr:hover .TableRecords_OddLine,
.custTbl_style .TableRecords tr:hover .TableRecords_EvenLine {
    background-color: #fff;
}

See this sample screen: TableRowHoverTask

I hope this helps you!

Kind regards,

Benjith Sam

27 Jun 2022

Shirley Grenelle

Solution

Hi all,

the problem was resolved with this code:

Thanks for the help!

27 Jun 2022

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.

See the full guidelines