---
title: Pagination 分页
description: 常用于列表或者表格数据分页使用。
isComponent: true
usage: { title: "", description: "" }
spline: message
author: swimly
---

## 基本用法

一个分页组件基本由`total`(总条数)和`pageSize`(每页条数)即可确定，通过`current`来确定当前选中的页码，默认为：`1`。

{{ base }}

## 快捷跳转

通过`showJumper`属性可设置分页的快捷跳转功能。

{{ jump }}

## 省略模式

通过`pageEllipsisMode`可设置分页省略模式，可选：`mid`，`both-ends`，默认为：`mid`。

{{ ellipsis }}

## 首页&尾页

通过`showFirstAndLastPageBtn`可设置分页显示首页和尾页按钮。

{{ firstEnd }}

## 页码控制器

通过`showPageNumber`设置分页显示页码控制器，当不显示的时候常用于位置有限的地方使用分页组件，分页会以最简单的方式呈现。

{{ pageNumber }}

## 分页数量控制器

通过`showPageSize`控制分页数量控制器是否显示，该控制器可用来改变分页每一页显示的条数（pagesize）。

{{ pageSize }}

## 上一页&下一页

通过`showPreviousAndNextBtn`可设置分页是否显示上一页和下一页按钮。

{{ prevNext }}

## 大小尺寸

通过`size`可控制分页的大小尺寸，可选：`medium`，`small`，默认为：`small`。

{{ size }}

## 不同风格

通过`theme`可设置不同风格的分页，可选：`default`，`simple`，默认为：`default`。

{{ theme }}

## 禁用

通过`disabled`可设置分页的禁用样式。

{{ disabled }}
