1. 首页
  2. 表格 Table
  3. table-simple 简洁表格

表格 · table-simple 简洁表格

table-simple 无外框极简风：表头灰字 500、下划线 #f1f1f1，单元格 1em×0.8em 内距、浅灰行线；行 hover / focus 变 #f9fafb。
表格家族 索引 base simple toggle stretch line kuoqiui kuoqiui-head kuoqiui-pager kuoqiui-checkbox sticky cell controller pager print
本页内容 极简行线 行交互

极简行线

编号商品价格状态
1简洁表格99.00上架
2仅行线分隔128.00上架
3行高 1em 内距66.00下架
<table class="table table-simple"> <thead><tr><th>编号</th><th>商品</th></tr></thead> <tbody><tr><td>1</td><td>简洁表格</td></tr></tbody> </table>

行交互

仓库地址操作
华东仓上海市徐汇区编辑
华南仓广州市天河区编辑
<table class="table table-simple"> <tbody> <tr><td>华东仓</td><td>上海市徐汇区</td><td><span class="label label-canclick">编辑</span></td></tr> </tbody> </table>
上一张 table-base 表格基础
下一张 table-toggle 斑马格
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI · 返回首页