jqGrid Show Top Pager & Bottom Pager

jqGrid is an awesome jQuery Grid Plugin. jqGrid plugin can be used on your website for displaying contents in a Grid. Its possible to add pagination into jqGrid with simple options.

How to enable pager in jqGrid for pagination ?

To enable pagination in jqGrid, use pager property. Specify the id of the div in pager property to display pager.

eg.

pager:"pager_div"

and include div with id “pager_div” in your html where you want it to be rendered.

How to show Top pager in jqGrid for pagination ?

To show top pager in jqgrid we can use toppager property.

eg.

toppager:true

And it will display toppager, no need to specify the name for the toppager. It will automatically take the grid name and append _toppager to it.

How To display both top pager and bottom pager ?

toppager:true,
pager:"pager_div"

How to Show top pager in Top Left Corner ?

To show Top Pager in Top Left Corner, use pagerpos property.

toppager:true,
pagerpos:"left"

How to Show Only Top Pager in jqGrid ?

To enable display of only toppager in jqGrid, do not use pager property and use only toppager property.

Check Wiki Documentation of jqGrid pager.

If you need any help with jqGrid, let me know. I would be glad to help you.

Share it with your friends if you find it useful.