可排序表格
按任意一列排序,边输入边筛选
价格表、规格对比表和日程表,通常就是一张普通表格放在页面上。想找最便宜的方案或最近的日期,访客只能一行一行地看。用挂载点把现有的表格包起来,每个列标题就变成按钮,每点一次在升序、降序和原来的顺序之间切换。带货币符号的价格、百分比和日期按数值而不是文字比较,所以 $1,200 会排在 $900 后面。在表格上方的框里输入文字,只留下匹配的行。长表格在自己的框里滚动,标题行始终可见;窄屏上宽表格可以左右滑动查看。原来的表格留在 HTML 里,脚本被禁用时照样能读。 包含在 BootSignal 订阅中(每月 $20 或每年 $200,全部小部件·1 个域名,可在控制台添加域名)。订阅期间 表格 的发布数量不受限制。
演示
预览
| 行星 | 直径(km) | 公转周期(天) | 首次飞掠 |
|---|---|---|---|
| 水星 | 4,879 | 88.0 | 1974年3月29日 |
| 金星 | 12,104 | 224.7 | 1962年12月14日 |
| 地球 | 12,756 | 365.2 | |
| 火星 | 6,792 | 687.0 | 1965年7月15日 |
| 木星 | 142,984 | 4,331 | 1973年12月4日 |
| 土星 | 120,536 | 10,747 | 1979年9月1日 |
| 天王星 | 51,118 | 30,589 | 1986年1月24日 |
| 海王星 | 49,528 | 59,800 | 1989年8月25日 |
这是真实的小部件。每点一次列标题,就在升序、降序和原来的顺序之间切换,直径和日期按数值而不是按文字比较。在上方输入文字,只留下匹配的行。数据来自 NASA 行星资料表和探测器记录。
接入设置
同一个加载器(bootsignal.js)也会驱动站点上的其他小部件。展示需要有效订阅。
价格
价格只有一个 BootSignal 订阅:每月 $20 或每年 $200(免两个月)。订阅后即可在 1 个已注册域名使用全部小部件,需要更多域名时可在控制台添加。发布 表格(写入)需要有效订阅,订阅期间不按次计费、无限使用,访客阅读始终免费。订阅与付款在 accounts.mrlatte.net 账户中心管理。 查看完整定价 →