組合器
左邊切產業、選場景, 右邊即時預覽組合後的應用。URL 本身就是組合定義, 可分享 / 書籤。
資料表格 · data-table
商品表單檢視
Filter·Sort·Group
| ID | 商品 | 狀態 | SKU | 售價 | 分類 | 金額 |
|---|---|---|---|---|---|---|
| sku-A01 | 日系寬版亞麻襯衫 米白 / M / 現貨 24 | 上架中 | 選品組 | 服飾 | — | NT$ 1,480 |
| sku-A02 | 復古金框圓眼鏡 霧金 / 標準 / 現貨 8 | 低庫存 | 選品組 | 配件 | — | NT$ 990 |
| sku-A03 | 小牛皮極簡托特包 焦糖 / L / 預購 | 草稿 | 設計 | 包袋 | — | NT$ 3,680 |
| sku-A04 | 義大利小牛皮樂福鞋 黑 / 41 / 現貨 0 | 已售完 | 採購 | 鞋款 | — | NT$ 4,280 |
| sku-A05 | 日本製帆布後背包 墨綠 / 標準 / 現貨 16 | 上架中 | 選品組 | 包袋 | — | NT$ 2,180 |
| sku-A06 | 仿舊直筒牛仔褲 深藍 / 30 / 現貨 3 | 低庫存 | 選品組 | 服飾 | — | NT$ 1,680 |
成績冊 · gradebook
國中英文進階文法 A 班 · 成績冊
4 名學生 · 5 次評量
| 學生 | 小考 1 | 小考 2 | 期中 | 小考 3 | 期末 | 平均 |
|---|---|---|---|---|---|---|
| 王小明 | 88 | 92 | 85 | 90 | 94 | 89.8 |
| 李佳欣 | 76 | 82 | 78 | 85 | 80 | 80.2 |
| 陳大衛 | 95 | 91 | 96 | 88 | 98 | 93.6 |
| 張美玲 | 68 | 72 | 65 | 75 | 70 | 70.0 |