Skip to Content
JoyUI
JoyUI/

分页

带省略折叠的数字分页。

带省略折叠的数字分页。

安装

npx @joyui/cli add pagination --yes

或通过 JoyUI MCP / CLI 安装。

应用场景

将上方预览中的 props 换成业务文案与状态即可用于表单、工具栏或设置页。

上方预览中的文案、选项与数据均可替换为业务配置;不要复制写死的演示常量到生产。

API

Pagination
参数说明类型可选值默认值
page当前页。number——
total总页数或总数。number——
onChange翻页回调。(page) => void——
className合并到根节点的额外类名。string——