表格 · table-cell 单元格工具
列宽工具类：紧凑列
th-tight / td-tight（60px、弱化字色）、操作列 th-action（120px）、单行省略 td-ellipsis（220px 内截断）、居中 th-c / td-c。
表格家族
索引
base
simple
toggle
stretch
line
kuoqiui
kuoqiui-head
kuoqiui-pager
kuoqiui-checkbox
sticky
cell
controller
pager
print
列宽工具
| 编号 | 商品 | 操作 |
|---|---|---|
| 1 | 单元格工具 | 编辑删除 |
| 2 | 紧凑列弱化字色 | 编辑 |
<table class="table table-simple">
<thead><tr><th class="th-tight">编号</th><th>商品</th><th class="th-action">操作</th></tr></thead>
<tbody><tr><td class="td-tight">1</td>...</tr></tbody>
</table>
省略与居中
| 状态 | 商品描述 |
|---|---|
| 上架 | 这是一段非常长的商品描述文本，长度超过 220px 就会被省略号截断不再换行，用于列表紧凑排版。 |
| 下架 | 第二行同样演示省略效果，鼠标悬停可配合原生 title 查看完整内容。 |
<tr>
<td class="td-c">上架</td>
<td class="td-ellipsis"><span class="label">长文本…</span></td>
</tr>
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI ·
返回首页