A hub and casual space for you to interact with fellow community members and learn more about Umbraco!

Umbraco

image

I'm currently rewriting a package to Lit and I'm struggling with adding pagination.
The uui-library shows that a change event handler can be added. However, in the event that this event handler uses I cannot find which page I've clicked on, can anyone tell me how I can find out which page in the pagination was clicked?

You need to look up the element that was clicked on and read the `current` property.

```
const currentPage = (e.target as UUIPaginationElement).current
```

I've got another issue with the pagination. I'm going to add sorting to a table that has pagination. When I sort data it would be nice to programatically tell the pagination to go back to page 1. Is there a way to push the pagination to a certain page?

Update the `current` property on the element

If you are using Typescript, you can use Lit's @query decorator to cache the element:

```
@query('uui-pagination', true)
private _paginator?: UUIPaginationElement;

onSort() {
  this._paginator?.current = 1;
}
```