看到網頁上的表格,要怎麼讓欄位的數字或文字進行排序或自動篩選呢?想要複製表格中部份格子中的資料,卻老是選取到一堆不相關的格子嗎?現在,有了Firefox的好用套件–TableTools,一切都變得簡單了!它能讓你排序、篩選各個欄位,更能讓你輕鬆複製表格的內容,可說是Firefox居家良伴啊~快去裝起來吧!
之前筆者介紹過一個Javascript的小工具,可以讓網頁中的表格進行排序(見「[Javascript] 讓你網頁上的表格也能自動排序」)。但是如果是看別人的網頁,幾乎不會使用這個排序的工具,這時候只要使用Firefox,配合TableTools這個小套件,就能輕鬆選取、排序或篩選表格,是個不可多得的好工具喔!
TableTools 0.24
官方網站:https://addons.mozilla.org/en-US/firefox/addon/2637
測試用表格
品名 | 價格 | 產地 | 銷售量 | 供貨狀況 |
鍵盤 | 500 | 中國 | 4971 | 正常 |
滑鼠 | 400 | 台灣 | 8521 | 正常 |
硬碟 | 2000 | 泰國 | 2304 | 停產 |
螢幕 | 6000 | 台灣 | 1580 | 補貨 |
手機 | 5000 | 美國 | 1802 | 補貨 |
儲存格的選取
〔Ctrl〕+ 滑鼠左鍵:可選取表格中的某些儲存格(矩形選取範圍),再按下〔Ctrl〕+〔C〕即可複製,真是有夠方便啦!以後要複製表格內容文字時就不會像以前老選到不相關的格子囉!
表格排序
欄位自動篩選
〔Ctrl〕+〔Shift〕+ 滑鼠左鍵:開啟/隱藏自動篩選功能
在表格中任何位置按下後,會將每個欄位的值合併成一個下拉式選單(類似Exel)
表格複製
表格的複製可分成原始資料與篩選後資料兩個部份。
原始資料的複製有三種模式:
- 〔Ctrl〕+〔Z〕+ 滑鼠左鍵 :複製整個表格,複製出來的文字如下圖:
TableTools會將儲存格內容用空白填成相同長度,再加入定位字元分隔每個欄位。 - 〔Ctrl〕+〔Q〕+ 滑鼠左鍵 :複製表格文字,但不會加入空白字元。
- 〔Ctrl〕+〔E〕+ 滑鼠左鍵 :可直接複製該表格的HTML原始碼內容。如下圖:
篩選後資料的複製方式很類似,只要多加一個〔Shift〕鍵即可,即:
〔Ctrl〕+〔Shift〕+ 〔Z〕/〔Q〕/〔E〕+ 滑鼠左鍵
如果你還想測試更多的內容排序,可參考作者的測試網站:
http://www.mingyi.org/other/tabletools.html
設定選單
從Firefox的【工具】選單,選擇【附加元件】,即可開啟TableTools選項,完全是中文界面,這邊就不做介紹囉~