title: jqGrid: how to change cell padding
body: <p>I'm using jqGrid3.6.5 on google hosted jQueryUI1.8.2 and jQuery1.4.2</p>
  
  <p>I want to change the cell padding of a jqGrid. For testing purposes I want to set it to 10px all around each cell.</p>
  
  <p>The only option I've come across while googling is the following:</p>
  
  <ol>
  <li>add padding with CSS. eg. <code>#grid-id td, #grid-id th { padding:10px; }</code></li>
  <li>set <code>cellLayout</code> option to 21  (paddingleft + paddingright + borderleft)</li>
  </ol>
  
  <p>When I have no set width on any of the columns in my colModel, this works like expected. Though when I resize one of the headers, or set a column width in the colModel, headers and cells aren't aligned anymore.</p>
  
  <p>Anyone know how to fix this or know an alternative way to alter cell padding?</p>