Change style of jqGrid

javascript jquery css jqgrid
Arka Chatterjee picture Arka Chatterjee · Sep 12, 2009 · Viewed 98.5k times · Source

I am using jqGrid 3.5. Can I change the style and look of the grid and make it more beautiful using jQuery or custom CSS or something else?

Answer

Justin Ethier picture Justin Ethier · Sep 15, 2009

One of the big features of jqGrid 3.5 is integration with jQuery UI Themes. You can build and/or select a theme from here. Then just add a reference to it in your page:

<link rel="stylesheet" type="text/css" href="../css/redmond/jquery-ui-1.7.2.custom.css"/>

This will get you a grid that looks very good, with a minimum of effort.

Does that solve your problem or do you need to overhaul the grid look-and-feel even more?

Related questions

Possible to make jqGrid stretch to 100%?

Is it possible to make it so that a jqGrid will have a width set to 100%? I understand that column widths must be an absolute pixel size, but I've yet to find anything for setting the width of the actual …

Read More
How to change the font size in jqGrid?

It is already running with the ui-lightness. How do I change the font size inside the grid? Please advise. Thank you.

Read More
Resize jqGrid based on number of rows?

I want my jqGrid to shrink and expand based on the number of rows it has. Let say it currently has 10 rows, the height of the jqGrid will shrink to 10 rows (so that no gaping empty rows is exposed). If …

Read More