How custom the hovered row on a Qtable?

[codethirsty]

I have a qtable and i want to be able to change the color of the text and some buttons of a row if the mouse is over that row. Please help me out!

[dobbel]

@codethirsty

Here’s a codepen demo for the text color:
https://codepen.io/ontwikkelfabriek/pen/dypPpob

Here’s a codepen demo for the button:
https://codepen.io/ontwikkelfabriek/pen/wvzBzGd

[codethirsty]

@dobbel thanks, thats the key to control the hovered row. I was able to make independents changes on the css to the hovered row afterwards

.choosen tbody tr:hover {
        font-weight: bold;
        color: black !important;
    }
    .choosen tbody tr:hover .info {
        color: #31CCEC;
        font-weight: normal;

    }
    .choosen tbody tr:hover .pencil {
        color: #F2C037;
        font-weight: normal;
    }
    .choosen tbody tr:hover .trash_can {
        color: #C10015;
        font-weight: normal;
    }
    .choosen tbody tr .q-chip {
        background: gray ;
        font-weight: normal;
    }
    .choosen tbody tr:hover .q-chip.bg-positive {
        opacity: 1 !important;
        font-weight: normal;
    }
    .choosen tbody tr:hover .q-chip.bg-negative {
        opacity: 1 !important;
        font-weight: normal;
    }
    .crear:hover {

        transform: scale(1.3);
    }
    .exportar:hover {

        transform: scale(1.3);
    }
    .choosen tbody tr .q-btn:hover {
        transform: scale(1.5);
    }

[codethirsty]

I hope those examples above helps others too. @dobbel Thanks again!