How to change the font size in jqGrid?

javascript jquery css jquery-ui jqgrid
Kim Stacks picture Kim Stacks · Nov 5, 2009 · Viewed 33.6k times · Source

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

Please advise.

Thank you.

Answer

Justin Ethier picture Justin Ethier · Dec 17, 2009

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}

Related questions

animating addClass/removeClass with jQuery

I am using jQuery and jQuery-ui and want to animate various attributes on various objects. For the sake of explaining the issue here I've simplified it to one div that changes from blue to red when the user mouses over …

Read More
Change CSS properties on click

I am trying to change the CSS of one element on click of another element. I've searched a lot but nothing works perfectly. Currently I am using the below code, but it doesn't work. Can anyone tell me what I …

Read More
Using jQuery how to get click coordinates on the target element

I have the following event handler for my html element jQuery("#seek-bar").click(function(e){ var x = e.pageX - e.target.offsetLeft; alert(x); }); I need to find the position of the mouse on the #seek-bar at the time …

Read More