Grid customization

[andreas20Member]

I want to have the pager functionality, but only the forward and previous button with the Page Number details (i.e. 1-5 of 50).
Thus I want to remove the ‘Go to Page’ and the ‘Show rows’, that are show when I set the pageable to true.
In addition is it possible to set height for the (whole) grid and not just the rows?

Below is my current code.

$(“#jqxgrid”).jqxGrid(
{
width: 800,
theme: ‘customGDOT’,
source: dataAdapter,
columnsresize: true,
autoheight: true,
pageable: true,
pagesize: 5,
columns: [
{ text: ‘NAME’, dataField: ‘NAME’, align: ‘left’, width: 150 },
{ text: ‘ASSIGNED’, dataField: ‘ASSIGNED’, align: ‘left’, width: 115 },
{ text: ‘RESPONSE’, dataField: ‘RESPONSE’, align: ‘left’, width: 115 },
{ text: ‘COMMENT’, dataField: ‘COMMENT’, align: ‘left’, width: 200 },
{ text: ‘INFORM’, dataField: ‘INFORM’, align: ‘left’, width: 220 }
]
});

I have tried to find an example of this in the API reference, with no success. Any ideas?

[Peter StoevKeymaster]

Hi andreas20,

You can create a custom pager as demonstrated in this sample: custompager.htm.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[andreas20Member]

Thank you for your prompt reply.

Referring to the example above, how can I move the pager buttons to the right instead of the left?

[Author]

Posts