# Hide Pagination

**URL:** https://discuss.elastic.co/t/hide-pagination/239480
**Category:** Elastic Search
**Tags:** elastic-app-search
**Created:** [July 1, 2020, 12:13pm UTC](https://discuss.elastic.co/t/hide-pagination/239480 "2020-07-01T12:13:36Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![vinothb](https://avatars.discourse-cdn.com/v4/letter/v/a183cd/32.png) [@vinothb](https://discuss.elastic.co/u/vinothb)
#### Post date: [July 1, 2020, 12:13pm UTC](https://discuss.elastic.co/t/hide-pagination/239480/1 "2020-07-01T12:13:37Z")

</div>

Hi,

I want to show the entire results in a single page based on my search. How to hide the pagination?

---

<div class="post-metadata">

### Author: ![JasonStoltz](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/jasonstoltz/32/49893_2.png) [@JasonStoltz](https://discuss.elastic.co/u/JasonStoltz)
#### Post date: [July 1, 2020, 12:38pm UTC](https://discuss.elastic.co/t/hide-pagination/239480/2 "2020-07-01T12:38:36Z")

</div>

Could you give us more information? Did you build your own UI with pagination? Are you using the Reference UI?

---

<div class="post-metadata">

### Author: ![vinothb](https://avatars.discourse-cdn.com/v4/letter/v/a183cd/32.png) [@vinothb](https://discuss.elastic.co/u/vinothb)
#### Post date: [July 1, 2020, 12:48pm UTC](https://discuss.elastic.co/t/hide-pagination/239480/3 "2020-07-01T12:48:13Z")

</div>

Yes i am using reference UI only. I want to hide the pagination in my site. Is it possible to hide?  
Based on my search, i need to show all the results in a single page.

---

<div class="post-metadata">

### Author: ![JasonStoltz](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/jasonstoltz/32/49893_2.png) [@JasonStoltz](https://discuss.elastic.co/u/JasonStoltz)
#### Post date: [July 1, 2020, 1:03pm UTC](https://discuss.elastic.co/t/hide-pagination/239480/4 "2020-07-01T13:03:48Z")

</div>

I believe the max page size is only 100, so showing all results would be tricky.

However, you could show 100 results and hide pagination.

To hide pagination, just look in the source code at the `App.js` file and remove the line `bodyFooter={<Paging />}`.

To fix the page size to 100, add the `initialState.resultsPerPage` parameter to the `config` variable and set its value to 100. Example: [https://github.com/elastic/search-ui/blob/master/ADVANCED.md#example-using-custom-options](https://github.com/elastic/search-ui/blob/master/ADVANCED.md#example-using-custom-options).

You could then hide the option to change the page size by removing the `{wasSearched && <ResultsPerPage />}` from `App.js`.

If you need to show over 100 results you'll need to implement something called "infinite scrolling", which would be tricky.

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)
#### Post date: [July 29, 2020, 1:03pm UTC](https://discuss.elastic.co/t/hide-pagination/239480/5 "2020-07-29T13:03:49Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.
