A very simple question. I am use the Ignite UI's igGrid. Is it possible to hide the "Show x records" bar (see the attached screenshot)? I want to keep the paging feature of the igGrid active, but hide this bar and "hard code" the number of records per page.
Many thanks. Tory.
Hello Troy,
Thank you for posting in our community.
What I can suggest for hiding the page size drop down is to use css. The display property of the page size drop down container could be set to none. Thsi will guarantee that teh element will not be displayed and what is more it will not affect the existing layout. For example:
[code]
[/code]
Additionally, please keep in mind that Paging feature has an option with which you could specify the position of the drop down with page size - pageSizeDropDownLoaction which sets the position of this drop down - in the above area of the grid(which is the default value) or withing pager at the bottom of the grid. For example:
//Initialize
$(
".selector"
).igGrid({
features : [
{
name :
"Paging"
,
pageSizeDropDownLocation :
"inpager"
}
]
});
I am also attaching small sample for your reference.
Please do not heistate to contact em if you have any additional questions regarding this matter.
Hi Vasya,
Thanks so much for your help. The
pageSizeDropDownLocation : "inpager"
settings offers a nice compromise for what we are looking for. You can consider this thread closed.
I am glad that you have been able to achieve your requirement using teh suggested option.
Please do not hesitate to contact me if you have any additional questions regarding this matter.