分页

概览

• 规范
• 基本
• 开片中显示分页
• Ajax

---

规范

---

基本

使用 .sg-pagination, .sg-pagination-step

使用 .sg-pagination 时，必须设定 data-totalpages 属性，以便将 totalpages 传递给内部分页插件。

示例：

<div class="row">
    <div class="col-md-8">
        <nav aria-label="分页">
            <ul class="pagination sg-pagination" data-totalpages="35"></ul>
        </nav>
    </div>
    <div class="col-md-4">
        <div class="form-inline pull-right d-none d-lg-block">
            <div class="form-group">
                <span class="form-control-static pr-2">每页</span>
                <select class="form-control sg-pagination-step"></select>
            </div>
        </div>
    </div>
</div>

卡片中显示分页

示例：

<div class="card">
    <div class="card-header">
        card-header
    </div>
    <div class="card-body">
        card-body
    </div>
    <div class="card-footer">
        <div class="row">
            <div class="col-md-8">
                <nav aria-label="分页">
                    <ul class="pagination sg-pagination" data-totalpages="35"></ul>
                </nav>
            </div>
            <div class="col-md-4">
                <div class="form-inline pull-right d-none d-lg-block">
                    <div class="form-group">
                        <span class="form-control-static pr-2">每页</span>
                        <select class="form-control sg-pagination-step"></select>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Ajax

...

示例：