表格 · table-stretch 自适应宽
table-stretch 宽度按内容撑开（width: max-content），表头 #dfdfdf 打底、间隔 5px 行距、偶行 #fbfbfb、hover 整行 #e6e6e6——适合列多、希望横向滚动的宽表。
表格家族
索引
base
simple
toggle
stretch
line
kuoqiui
kuoqiui-head
kuoqiui-pager
kuoqiui-checkbox
sticky
cell
controller
pager
print
内容自适应
横向内容撑开，不做 100% 拉伸
| 编号 | 商品 | 价格 | 状态 |
|---|---|---|---|
| 1 | 自适应宽度 | 99.00 | 上架 |
| 2 | 表头灰底 | 128.00 | 上架 |
| 3 | 偶行浅灰 | 66.00 | 下架 |
<table class="table table-stretch">
<thead><tr><th>编号</th><th>商品</th></tr></thead>
<tbody><tr><td>1</td><td>自适应宽度</td></tr></tbody>
</table>
列多滚动
| 编号 | 商品 | 价格 | 库存 | 销量 | 状态 | 更新时间 |
|---|---|---|---|---|---|---|
| 1 | 自适应宽度 | 99.00 | 120 | 340 | 上架 | 2026-09-01 |
| 2 | 横向滚动 | 128.00 | 88 | 512 | 上架 | 2026-09-02 |
| 3 | 偶行浅灰 | 66.00 | 0 | 12 | 下架 | 2026-09-03 |
<div class="card card-cpanel">
<div class="card-body">
<table class="table table-stretch">...</table>
</div>
</div>
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI ·
返回首页