jQuery Grid Plugin - jqGrid

I know this post is pretty old but the code above didnt work for me but this worked though:

<style>

   #mydiv .ui-jqgrid-title { height:30px; }

</style>

To set the height on the Header Layer within the jqGrid, I was able to get the following CSS code to work for my grid:

  <style type=”text/css”>
      #mydiv table.scroll thead th div { height: auto; }
  </style>

Using Firebug, I was able to see that the Header text is contained within a DIV tag, which is contained within a TH in a TR of a THEAD tag.  This is part of a TABLE with class “scroll”, so the CSS mentioned previously is correct.  However, the text is aligned in the middle vertically within the TH tag, so I added an additional align attribute to move the text to the top:

  <style type=”text/css”>
      #mydiv table.scroll thead th { vertical-align: top; }
      #mydiv table.scroll thead th div { height: auto; }
  </style>

You can then play with the column width within the colModel property, but keep in mind that if you are sorting, then there is a SPAN tag right next to the DIV containing the header text to accommodate the sort indicator graphic (which actually displays to the right of the text.  This may affect the height because it will adjust the header layer based on the combination of column width, font height, and the sort indicator placement.