表格分页
TablePager操作与导航后台表格的底栏:左侧是「第 21–40 篇,共 57 篇」,右侧是上一页、当前页 / 总页数与下一页图标按钮,到头时按钮不可用。只有一页时只显示总数。
属性
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
page | Signal<i32> | 必填 | 当前页,从 1 开始;超出范围时按首页或末页显示。 |
total | Signal<i64> | 必填 | 全部条数。 |
per_page | i32 | 必填 | 每页条数,必须大于 0。 |
unit | String | 必填 | 计数单位,如「篇」「条」。 |
on_change | Callback<i32> | 必填 | 翻到的页码。 |
键盘
- Tab
- 在上一页与下一页之间移动
- Enter / Space
- 翻页
用法
src/components/ui/navigation.rslet page = RwSignal::new(1_i32);
view! {
<TablePager
page=page
total=57_i64
per_page=20
unit="\u7BC7"
on_change=move |: i32| page.set(p)
/>
}