How to solve pager display in the in JQgrid

Question

the pager show the add, edit button and all but the no of rows per page option only not show properly. how to solve this.

here i mark it problem. I set full of width and i set default , but i am not get the full view of pager view, so any help me to come out this problem.

Updated After add the CSS code i got the jqgrid like this

Answer 1

Try to add the following CSS rules

.ui-jqgrid table { border-collapse: separate; }
.ui-jqgrid .ui-pg-input, .ui-jqgrid .ui-pg-selbox { width: auto }

I would recommend you to add height: "auto" option.