title: How to set Caption Layer height in jqGrid
body: <p>I have following snippet to load the table generated by jqGrid.</p>
  
  <pre><code>&lt;div id="result"&gt;
      &lt;table id="resultTable"&gt;
          &lt;tr&gt;
              &lt;td /&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My other css interfering with jqGrid css, it causes the "caption layer" (The orange color bar at the very top of the table) height becomes very large and overlapped with other part of the page. Sorry, post image is not allowed. </p>
  
  <p>The height is about 10 times larger and seems contains 3 rows with slightly different color in each. If I remove all my css, the "caption layer" display properly, but I lost all the headers, footers etc. I tried the suggestion by Tony in the link at <a href="http://www.trirand.com/blog/?page_id=393/help/grid-header-height" rel="nofollow">jgGrid forum</a>, </p>
  
  <pre><code>&lt;style&gt;
      #result table.scroll thead th  {height:30px;}
  &lt;/style&gt;
  </code></pre>
  
  <p>and suggestions by others, but none of them works for me. Please help me to set the "caption layer" height overwrite.</p>