表格 · table-sticky 固定列
table table-sticky 让指定列横向「钉」在右侧：表头 .th-sticky（主色底，用于固定列的标题）、单元格 .td-sticky——宽表横向滚动时操作列始终可见。
表格家族
索引
base
simple
toggle
stretch
line
kuoqiui
kuoqiui-head
kuoqiui-pager
kuoqiui-checkbox
sticky
cell
controller
pager
print
固定右侧
| 编号 | 商品 | 价格 | 库存 | 销量 | 操作 |
|---|---|---|---|---|---|
| 1 | 固定列示例 | 99.00 | 120 | 340 | 编辑 |
| 2 | 右列钉住 | 128.00 | 88 | 512 | 编辑 |
| 3 | 横向滚动 | 66.00 | 0 | 12 | 删除 |
<table class="table table-sticky" style="width:max-content;">
<thead><tr><th>编号</th>...<th class="th-sticky">操作</th></tr></thead>
<tbody>
<tr><td>1</td>...<td class="td-sticky"><span class="label label-canclick">编辑</span></td></tr>
</tbody>
</table>
横向滚动容器
<div class="card card-table">
<div class="card-body"><!-- overflow-x: auto -->
<table class="table table-sticky">...</table>
</div>
</div>
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI ·
返回首页