title: jqGrid zebra/alt rows background not working due to UI Theme class
body: <p>We cannot get zebra striping to work in jqGrid.</p>
  
  <p>We use <a href="https://stackoverflow.com/questions/3892342/jqgrid-zebra-striping">altclass and altRows</a> - issue is it appears the <code>ui-widget-content</code> class from the JQuery UI has a <code>background</code> setting which is overriding our altclass's <code>background</code> setting.  Any ideas?</p>
  
  <hr>
  
  <p><strong>Update</strong>: Both answers below work.  Oleg's is the cleanest solution by far.  </p>
  
  <p>For Oleg's solution to work, your altRows class has to be defined after including the JQuery UI CSS class as both the JQuery UI and the custom alt rows class define the background property and the <a href="https://stackoverflow.com/questions/3066356/multiple-css-classes-properties-overlapping-based-on-the-order-defined">last class defined wins</a>.</p>