Hi ,
I am evaluating the Infragistics Ignite JQuery API. As part of grid we have default paging control. I dont want right the bottom of the table. I have to diplay the table in the popup, and we have small footer in that footer i have to display the select rows per page combo box and the pagination control. How to change the default position & styles of pager ?
Please help me in the same.
Regards
Sekhar.
Hi Sekhar,
are you saying you would like the pager to be outside of the grid ? I wouldn't advise to do something like that, because it may affect the layout in other ways, but you can do the following:
1) You can hide all paging related UI , and implement your own paging UI, which calls the paging API for changing pages. that would be some extra work
If you want to hide paging elements:
/* type="bool" if false, a dropdown allowing to change the page size will not be rendered in the UI */ showPageSizeDropDown: true,
this will remove the header part of the pager.
/* type="bool" option specifying whether to show summary label for the currently rendered records or not */ showPagerRecordsLabel: true,
This will hide the part saying how many records out of how many total are rendered.
/* type="bool" option specifying whether to render the first and last page buttons */ showFirstLastPages: true, /* type="bool" option specifying whether to render the previous and next page buttons */ showPrevNextPages: true,
And this will hide the whole pager in the footer:
$("#grid1_pager").hide();
2) Move the paging elements outside of the grid - note that this may alter the styling of the pager:
$("#grid1_pager").appendTo(<new parent>);
Hope it helps. Thanks,
Angel
Hi Angel,
We implemented as you explained, please find the attachment how the parent rendered. Please help me to solve the same.