Setting a theme for the grid

The install package of jqGrid comes with just the default Redmond theme. It is available in the [themes] folder of the install package. You can download any additional themes directly from jQuery UI's ThemeRoller site available here:

http://jqueryui.com/themeroller/

There are currently 25 professional themes available, plus the possibility to create a new theme (either from scratch or based on another theme).

In addition to the "Redmond" theme, there is one more file in the [themes] folder - ui.jqgrid.css. This is the one and only Css file jqGrid needs for themeing in addition to the ThemeRoller theme. Just add it after you add the reference to the ThemeRoller theme in your PHP file.

Example:

<head> 
<link rel="stylesheet" type="text/css" href="themes/redmond/jquery-ui-1.7.1.custom.css" />
<link rel="stylesheet" type="text/css" href="themes/ui.jqgrid.css" /> 
...
</head>

If you wish to use one of the other 25 themes ThemeRoller offers or your own theme, just replace the Redmond css file with the CSS file of the respective theme