Question

我刚刚开始使用jQuery。我试图在我的jqGrid类中实现斑马条纹。当用户点击排序列时，我遇到了问题，所有行都重新排列，斑马条纹被吹走了。

Zebra Striping code

 $("#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

尝试wiki

中的altRows和altclass属性选项

JQGrid斑马条纹问题

1 个答案: