Nathon Nathon - 5 months ago 34
jQuery Question

Increase jqGrid Footer Height

I've got a jqGrid in an MVC application. I increased the font size by adding a custom CSS file with the style shown below.


.ui-jqgrid .ui-jqgrid-view,
.ui-jqgrid .ui-jqgrid-pager,
.ui-jqgrid .ui-pg-input {
font-size: 14px;

That worked correctly. However, the problem now is that the footer of the grid has not expanded to show the increased font size properly.

jqGrid Footer

As you can see, the pager cuts off the page number. I've tried implementing the solution found here on StackOverflow, but that didn't change the footer.


.ui-jqgrid .ui-jqgrid-sdiv .footrow { height: 55px }

Would someone mind helping me out with how to increase the height of the jqGrid footer?


Try something like this