jQuery Grid Plugin - jqGrid - Topic: Grid Hover Effect

ismomo on Grid Hover Effect

Sun, 13 Sep 2009 06:43:06 +0300

I have tried this below and it works:

Loop through each tr and apply code below:
$(this).hover(function() {
$(this).css({'background': '#ffffcc url() 50% 50% repeat-x'});
}, function() {
$(this).css({'background': '#ffffff url() 50% 50% repeat-x'});
});

tony on Grid Hover Effect

Fri, 04 Sep 2009 05:07:23 +0300

Hello,

Put this code in gridComplete event. Please, let me know if this work.

Regards

Tony

ismomo on Grid Hover Effect

Thu, 03 Sep 2009 03:48:24 +0300

I would like to have a customize on hover effect when hover the grid. I have used code below and add in a new css line for td-mouse-hover in order to generate the effect, but it doenst work for me. It will use the default ui-state-hover css instead. How I going to achieve the mouseover effect here? Thanks.

$('#table1 > tbody > tr').each(function(i) {
        $(this).hover(function() {
              $(this).addClass('td-mouseover-hover');
        }, function() {
              $(this).removeClass('td-mouseover-hover');
        });
});