## Fields

| Name              | Type   | Description                                                                                                                                                            | Options |
|-------------------|--------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---------|
| Page              | Number | The current page number.                                                                                                                                              | -       |
| Page Size         | Number | The number of items per page.                                                                                                                                       | -       |
| Total Items       | Number | The total number of items                                                                                                                                             | -       |
| Page Size Options | Text   | A comma-separated list of page size options. If it’s empty, the user can’t change the page size. Set your default page size as the first option.                    | -       |
| Show All Option   | Boolean| Show an option to show all records.                                                                                                                                 | -       |
| Jump To           | Boolean| Show an option to jump to a specific page.                                                                                                                           | -       |

## Events

**wf-change-page**  
Fires when the user picks a page

```python
def handle_page_change(state, payload):
    page = payload
    state["page"] = page

records = _load_records_from_db(start = state["page"] * state["pageSize"], limit = state["pageSize"])
    # update a repeater
    state["highlighted_members"] = {r.id: r for r in records}
```

**wf-change-page-size**  
Fires when the user changes the page size.

```python
def handle_page_size_change(state, payload):
    state['pageSize'] = payload