JQGrid zebra striping issue

Question

Я только что начал с jQuery. Я пытаюсь реализовать zebra striping в моем классе jqGrid. У меня возникла проблема, когда пользователь нажимает на столбец сортировки, все строки перегруппируются, и полоса зебры сдувается.

зебра код

$("#item_table tbody tr:odd").addClass("alt"); 
$("#item_table tbody tr").mouseover(function() { 
    $(this).addClass("over"); 
}); 
$("#item_table tbody tr").mouseout(function() { 
    $(this).removeClass("over"); 
}); 

jqGrid код

jQuery.extend(jQuery.jgrid.defaults, { 
    autowidth: true, 
    hidegrid: false, 
    colModel:[ 
    { name: 'icon', index: 'icon', width: 0, resizable: false }, 
    { name: 'name', index: 'name', width: 0, resizable: false }, 
    { name: 'price', index: 'price', width: 0, sorttype: "int", resizable: false } 
    ], 
    onSortCol: function(index, iCol, sortorder) { 
       // This doesn't work - IT SHOULDN'T EITHER, since event is called 
       // just after clicking to sort but before actual sorting 
       jQuery("#item_table tbody tr:odd").addClass("odd"); 
    }, 
    caption: "Item Table" 
}); 

Я также попытался loadComplete, gridComplete события, но безрезультатно.

Как я могу продолжить это? Я даже начал это право?

С уважением Викрам

Answer 1

Попробуйте altRows и altclass атрибуты вариантов от их wiki