可排序表格
按任意一列排序,边输入边筛选
价格表、规格对比表和日程表,通常就是一张普通表格放在页面上。想找最便宜的方案或最近的日期,访客只能一行一行地看。用挂载点把现有的表格包起来,每个列标题就变成按钮,每点一次在升序、降序和原来的顺序之间切换。带货币符号的价格、百分比和日期按数值而不是文字比较,所以 $1,200 会排在 $900 后面。在表格上方的框里输入文字,只留下匹配的行。长表格在自己的框里滚动,标题行始终可见;窄屏上宽表格可以左右滑动查看。原来的表格留在 HTML 里,脚本被禁用时照样能读。 包含在 Mr. Latte 会员中(最多 2 个站点使用全部小部件)。会员期间 表格 的发布数量不受限制。
演示
预览
| 行星 | 直径(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)也会驱动站点上的其他小部件。展示需要有效订阅。
价格
价格只有一个 Mr. Latte 会员。成为会员后最多 2 个站点可使用全部小部件,其他 Mr. Latte 服务的付费功能也一并开放。发布 表格(写入)需要会员资格,发布数量不受限制,访客阅读始终免费。查看价格、加入与管理都在 accounts.mrlatte.net 进行。 查看完整定价 →