Nathon Nathon - 1 year ago 205
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?

Answer Source

Try something like this

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download