How to change the font size in jqGrid ?

Question

Hi I am using jqGrid.

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

Please advise.

Thank you.

Answer 1

I guess by changing the CSS that comes with jqGrid?

Answer 2

The very first line in ui.jqgrid.css is this:

.ui-jqgrid{position:relative;font-size:11px;}

Change the font-size to what you need.

regds, mano

Answer 3

There is an excellent post about this on the jqGrid Forum.

Essentially you can do what Mano suggests and modify the css file directly, or you can create your own in-line style if you need more flexibility. For example:

.ui-jqgrid {font-size:0.8em}

If you do create an inline style you may need to make it more specific to pick up grid rows:

.ui-jqgrid tr.jqgrow td {font-size:0.8em}