过滤时数据条带条纹不均匀

Question

想知道是否有人知道如何解决以下问题。当我整理一个隐藏行的表时，奇数和偶数条带化是关闭的。最初绘制表格时我应该做些什么吗？提前感谢任何指针。

这是数据表代码

if (!orderHistoryDTO) {
      orderHistoryDTO = $orderHistoryTable.DataTable({
        destroy:true,
        data:normalizedData,
        columns:orderHistoryMap,
        autoWidth:false,
        order: [[ 0, 'asc' ]],
        paging:false,
        dom:'ft',
        language:{
          search:'',
          searchPlaceholder:ax.L(5008),
          emptyTable: ax.L(903),
          zeroRecords: ax.L(903)
        },
        //"lengthMenu": [[1, 25, 50, "All"]],
        rowCallback:function(row, data, index) {
          $(row).addClass('order-event');
          if (!data.orderItemID) {
            $(row).addClass('order-only-event');
          }
        },
        drawCallback:function() {
          var api = this.api();
          filterOrderHistoryTable(api, $orderHistoryFilterSelector.find('.current a'));
        }
      });
    } else {
      orderHistoryDTO.clear();
      orderHistoryDTO.rows.add(normalizedData);
      orderHistoryDTO.draw();
      filterOrderHistoryTable(orderHistoryDTO, $orderHistoryFilterSelector.find('.current a'));
  }

//and the function that sorts 
   function filterOrderHistoryTable(dtO, $filter) {
   var filter = $filter.attr('data-filter');

   $orderHistoryTable.find('tbody tr').hide();
   $orderHistoryTable.find('tbody tr.' + filter).show();

   // item column
   var itemColumn = dtO.column(2);
   if (filter === 'order-only-event') {
    itemColumn.visible(false);
   } else {
    itemColumn.visible(true);
   }
  }


//CSS (background on tr:nth-child(even) set to white as default)
table tbody tr:nth-child(odd) {
background-color: #f9f9f9;

这是标记的屏幕截图以及隐藏某些行的页面