表格分页

TablePager操作与导航

后台表格的底栏:左侧是「第 21–40 篇,共 57 篇」,右侧是上一页、当前页 / 总页数与下一页图标按钮,到头时按钮不可用。只有一页时只显示总数。

预览

属性

名称类型默认值说明
pageSignal<i32>必填当前页,从 1 开始;超出范围时按首页或末页显示。
totalSignal<i64>必填全部条数。
per_pagei32必填每页条数,必须大于 0。
unitString必填计数单位,如「篇」「条」。
on_changeCallback<i32>必填翻到的页码。

键盘

Tab
在上一页与下一页之间移动
Enter / Space
翻页

用法

src/components/ui/navigation.rs
Leptos view!
let page = RwSignal::new(1_i32);

view! {
    <TablePager
        page=page
        total=57_i64
        per_page=20
        unit="\u7BC7"
        on_change=move |p: i32| page.set(p)
    />
}