表格 · table-kuoqiui-pager 自动分页
分页条由引擎写入
.card.card-table > .card-foot：左侧「共计 N 条」、中间可改的「单页显示 / 页码」输入、右侧页码胶囊 .table-kuoqiui-pager-li（当前页高亮反色）；移动端自动隐藏输入框。
表格家族
索引
base
simple
toggle
stretch
line
kuoqiui
kuoqiui-head
kuoqiui-pager
kuoqiui-checkbox
sticky
cell
controller
pager
print
运行效果
engine pager
| 编号 | 商品 | 价格 |
|---|---|---|
| 1 | 自动分页 | 99.00 |
| 2 | 引擎生成 | 128.00 |
<div class="card card-table">
<div class="card-body">
<table class="table table-kuoqiui" data-totalcount="57" data-pagecount="10">
<thead><tr><th>编号</th></tr></thead>
<tbody>...</tbody>
</table>
</div>
<div class="card-foot"></div>
</div>
胶囊类
- «
- 1
- 2
- 3
- »
<ul class="table-pager-ul" style="display:flex;gap:0.25rem;">
<li class="table-kuoqiui-pager-li">«</li>
<li class="table-kuoqiui-pager-li active">1</li>
<li class="table-kuoqiui-pager-li">2</li>
<li class="table-kuoqiui-pager-li">»</li>
</ul>
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI ·
返回首页