FORMA
首页 / 组件中心 / 内容展示
COMPONENT / Table / V0.9.0
Grid / 可排序表格组件渲染预览

Grid / 可排序表格

点击表头按数量或状态排序,本地计算,不请求服务器。

原创组件分类:内容展示框架:React 18状态:functional-beta

可调字段

名称类型范围
accent强调色color
radius圆角 / pxnumber0 – 40
duration过渡时长 / msnumber100 – 30000
title标题text
subtitle说明 / 展开内容textarea
items内容列表(每行一项)list

默认参数

{
  "accent": "#bcd8a8",
  "radius": 18,
  "duration": 360,
  "title": "把清单,放进一张表。",
  "subtitle": "点击表头切换排序方向;每行格式:名称 | 数量 | 状态。",
  "items": [
    "品牌网站 | 3 | 已完成",
    "产品落地页 | 2 | 进行中",
    "组件库 | 12 | 持续维护"
  ]
}

运行依赖

react@18.3.1react-dom@18.3.1

许可

FORMA原创组件,可用于个人及商业项目;运行库遵循MIT许可。

查看实时预览 ↗返回组件中心