Skip to main content
A component that can help you paginate records, for example from a Repeater or a DataFrame.

Fields

NameTypeDescriptionOptions
PageNumberThe current page number.-
Page SizeNumberThe number of items per page.-
Total ItemsNumberThe total number of items-
Page Size OptionsTextA 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 OptionBooleanShow an option to show all records.-
Jump ToBooleanShow an option to jump to a specific page.-

Events

Fires when the user pick a page
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}
Fires when the user change the page size.
def handle_page_size_change(state, payload):
state['pageSize'] = payload

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}
I