组件 • 分页器
分页器
该组件允许用户逐页浏览显示的内容,例如在表格中。
§何时使用DLQ
✅ 何时使用
- 在所有分页显示的情况下。
- 使用户能够跳过几页或直接转到所需页面。
- 使用户能够自定义显示的行数。
- 固定页面内部分的大小,使顶部自动加载内容不会移动底部内容。
🚫 何时避免
当您需要在搜索结果页面之间无缝过渡时,请使用自动加载或通过按钮加载,除非这会减慢页面速度。
§结构
- 当前页面。 显示显示页面的序列号。
- 上一页。 打开上一页。
- 下一页。 打开下一页。
- 内容最后一页。 如果已知总内容并且可以立即分成页面,则会显示。点击打开最后一页。
- 溢出图标。 如果页数超过四页,则显示。
- 前进/后退开关。 逐页切换页面。
- 转到第一页。 打开第一个内容页面。
- 转到特定页面。 当用户输入页码并按Enter键时,打开指定页面。
- 每页项目数。 一个用于在一页上显示的元素数量的开关。
您不必一起使用所有结构元素。您可以在"修改"下找到可用配置。
§尺寸
默认情况下,分页器中按钮、输入框和选择框的大小为M。
§状态
第一页 显示第一页。
第二/下一页 显示第二页和下一页。
最后一页 显示最后一页。
§修改
- 页面大小选项和显示输入框:如果用户不能转到特定页面或控制页面上显示的内容量,您可以禁用这些字段。
- 总数未知 仅显示当前页面。在未知元素总数时使用
- 隐藏页面 确保在没有序列号的情况下切换页面。当元素列表是动态的,并且页数以及序列号将不断变化并使用户感到困惑时使用。
- 紧凑 是一种没有文本的紧凑格式。当界面空间有限时使用(例如,在对话框中)
对于移动设备界面,您可以使用分页器的移动版本。