# How do I bind paginator to datagrid?

**URL:** <https://community.weweb.io/t/how-do-i-bind-paginator-to-datagrid/4399>\
**Category:** How do I?\
**Created:** [September 17, 2023, 11:22am UTC](https://community.weweb.io/t/how-do-i-bind-paginator-to-datagrid/4399 "2023-09-17T11:22:56Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![mander](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/mander/32/4793_2.png) [@mander](https://community.weweb.io/u/mander)\
**Post date:** [September 17, 2023, 11:22am UTC](https://community.weweb.io/t/how-do-i-bind-paginator-to-datagrid/4399/1 "2023-09-17T11:22:56Z")

</div>

I have a datagrid of 100 rows being pulled from Supabase. Data is slow to load so I need to paginate.

I set the pagination to 25.

How can I update my datagrid to show the respective number of items after clicking the appropriate number in the paginator?

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [September 17, 2023, 11:57am UTC](https://community.weweb.io/t/how-do-i-bind-paginator-to-datagrid/4399/2 "2023-09-17T11:57:57Z")

</div>

What backend are you using? Frontend or backend pagination?

---

<div class="post-metadata">

**Author:** ![mander](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/mander/32/4793_2.png) [@mander](https://community.weweb.io/u/mander)\
**Post date:** [September 17, 2023, 11:59am UTC](https://community.weweb.io/t/how-do-i-bind-paginator-to-datagrid/4399/3 "2023-09-17T11:59:59Z")

</div>

Supabase. Doing frontend pagination (because otherwise I won’t be able to get the total number of items per user, only the total items in the entire table).

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [September 17, 2023, 12:13pm UTC](https://community.weweb.io/t/how-do-i-bind-paginator-to-datagrid/4399/4 "2023-09-17T12:13:06Z")

</div>

You could do a separate query to count. It’s not like frontend pagination will make the requests faster if thats the issue because it still loads everything.

What is exactly the performance issue that you’re solving?

---

<div class="post-metadata">

**Author:** ![mander](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/mander/32/4793_2.png) [@mander](https://community.weweb.io/u/mander)\
**Post date:** [September 17, 2023, 12:15pm UTC](https://community.weweb.io/t/how-do-i-bind-paginator-to-datagrid/4399/5 "2023-09-17T12:15:15Z")

</div>

Got it. Not so much a performance issue anymore. Rather a matter of how do I change the data in the table when clicking on a page in the paginator?

---

<div class="post-metadata">

**Author:** ![Dorian](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorian/32/13183_2.png) [@Dorian](https://community.weweb.io/u/Dorian)\
**Post date:** [September 17, 2023, 5:08pm UTC](https://community.weweb.io/t/how-do-i-bind-paginator-to-datagrid/4399/6 "2023-09-17T17:08:17Z")

</div>

> **[Paginator | WeWeb documentation](https://docs.weweb.io/add-elements/elements/paginator.html#backend-pagination)**
>
> Learn how to work with the Paginator element in WeWeb

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [April 24, 2025, 3:50pm UTC](https://community.weweb.io/t/how-do-i-bind-paginator-to-datagrid/4399/7 "2025-04-24T15:50:56Z")

</div>