Remove Hover from the Table

PHPMaker General Discussion (PHPMaker)
1

How can I remove Hover from the table.When I move my mouse over my table the color change for the row where my mouse is pointed.
I would like to remove the hover effect for my table.

2

You may remove the hover settings under HTML → Themes tab, e.g.

  • Highlighted row color
  • Highlighted row text color
  • Hoverable rows (Bootstrap)
3

hi,i tried to remove the HOVER effect ONLY on one table, but i can’t.i add this js script on clien event :
$(‘#r1_mytable’).hover( function() {
$(this).css(“background-color”, “yellow”)
});but it only works when the move is over.
when the mouse in on a row, it keep to begin the pink color from ‘highlighted row color’ setting in the theme.
i check the css file and search for ‘hover’ to desable it, but there is none ‘hover’ attribut on row/table (only on dropdown list things…)i also test this to force to be white :
$(‘.ew-table-row’).hover( function() {
$(this).css(“background-color”, “white”)
});
$(‘.ew-table-alt-row’).hover( function() {
$(this).css(“background-color”, “white”)
});but it does not work at all.

so, is this really possible to only desable hover row effect on 1 table ?

Best regards

4

You may simply remove the “table-hover” class, e.g. (Assume v2022)$(‘#mytable’).removeClass(‘table-hover’);

5

in phpmaker2020, the right class is ew-table-highlight-row, so i tried

$(“#mytable td”).removeClass(‘ew-table-highlight-row’);and$(‘#mytable’).removeClass(‘ew-table-highlight-row’);not working either

i also tried to hide (to test the selector) all elements from that class with :$(“.ew-table-highlight-row”).hide();

but nothing happened

i looked at the html code and the class ew-table-highlight-row is not attributed to any TD
i might think it is a jquery event to add the HOVER but i can’t find one either.
Even the css file did not contain HOVER language, but that :.ew-grid .ew-table .ew-table-highlight-row>td{
background-color:#ffb6c1;
color:inherit
}Best regards