可排序表格
依任一欄排序,邊輸入邊篩選
價格表、規格比較表和行程表,通常就是一張普通表格放在頁面上。想找最便宜的方案或最近的日期,訪客只能一列一列地看。用掛載點把現有的表格包起來,每個欄位標題就變成按鈕,每點一次在遞增、遞減和原本的順序之間切換。帶貨幣符號的價格、百分比和日期依數值而不是文字比較,所以 $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 進行。 查看完整定價 →