Hi,
I am trying to use paging on a jqxGrid and not having any luck.
When I define my grid this way the grid shows on the page:
$(“#mygrid”).jqxGrid({
width: 750,
source: dataAdapter,
sortable: true,
autoheight: true,
theme: ‘classic’,
columns: [
{text: ‘Off. #’, datafield: ‘ofndr_num’}, {text: ‘First name’, datafield: ‘first_name’, width: 150},
{text: ‘Last name’, datafield: ‘last_name’, width: 150}, {text: ‘Crime’, datafield: ‘highest_crime’, width: 150},
{text: ‘Action’, datafield: ‘assign_reason’, width: 150}
]
});
However when I define it this way, adding the “pageable = true” option (and making sure the jqxgrid.pager.js is referenced in my header), I just get a light grey line across the screen:
$(“#mygrid”).jqxGrid({
width: 750,
source: dataAdapter,
sortable: true,
pageable: true,
autoheight: true,
theme: ‘classic’,
columns: [
{text: ‘Off. #’, datafield: ‘ofndr_num’}, {text: ‘First name’, datafield: ‘first_name’, width: 150},
{text: ‘Last name’, datafield: ‘last_name’, width: 150}, {text: ‘Crime’, datafield: ‘highest_crime’, width: 150},
{text: ‘Action’, datafield: ‘assign_reason’, width: 150}
]
});
I have followed the documentation (I think) at http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxgrid/jquery-grid-paging.htm. I have made sure that caching was not an issue (cleared all cache prior to testing). Please let me know what I have missed.
Thank you!
Philippe
