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,
you can try to add the same classes to the pager which is outside the grid, that are usually added to the grid container. Have a look at which CSS classes are set for the grid container (the parent of the pager), and add the same classes to the pager, after you move it outside of the grid.
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.
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,