處理網頁大量表格神器，搜尋、翻頁都沒問題﹍jQuery DataTabels
最近接到一個需求，案主的網頁整理了大量的表格(Table)資料，例如提供訪客比較大量餐廳的價格、特色、聯絡資訊等等，表格資料多的時候可能將近上百筆，訪客找起資料來螢幕可能會捲到頭昏眼花。 案主希望有簡便的表格搜尋、篩選功能，同時最好表格還能分頁切換，如此不必額外的螢幕捲動，一...
繼續閱讀全文讓 RWD 表格能自動排序
過去為網頁表格的處理寫了不少文章，例如「 自適應 RWD 表格 」、「 讓網頁表格自動排序 」。 後來發現，效果比較好的 RWD 表格，因為手機的表格形式跟網頁已經完全不一樣，那麼在行動版將無法做到自動排序。 有次無意間在手機看到 NBA 的統計數據表格，算是比較傳統的 ...
繼續閱讀全文讓網頁表格自動排序﹍實作範例教學 (HTML 線上產生器)
之前寫過一篇「 讓網頁表格能自動排序﹍TableSorter 安裝懶人包 」，只要安裝這個外掛就能達到排序的效果，看起來非常方便。 但最近接到的需求除了要讓表格排序，還得讓案主知道怎麼做出表格來，這下就麻煩了，因為很多站長其實不熟悉 HTML 碼，自然也不知道表格 Table...
繼續閱讀全文網頁插入表格不再麻煩﹍線上產生器 + 可匯入 CSV 檔(Tables Generator)
前陣子剛好多位讀者、客戶都詢問這件事： 如何在文章中插入表格，且能正常顯示，版面不異常？ 如果對 HTML 語法不熟悉的話，網頁要插入表格的確沒那麼容易。過去曾寫過「 Blogger 插入表格的最佳流程 + 自適應寬度 」，文章內容不短，但是瞭解原理、操作熟悉後，經由 Go...
繼續閱讀全文網頁資料存成 CSV 需要解決的問題整理﹍亂碼 + JS 技巧 + Bootstrap 表格
最近客戶需要在網頁上顯示大量的會員資料後，製作一個「匯出」按鈕，將表格所有資料匯出存成 CSV 檔，再用 EXCEL 之類的試算表軟體開啟。 整個流程要用的的技術其實沒有太高深，但是陷阱卻是很多，因此整理成一篇備存。 (圖片出處: pexels.com )
繼續閱讀全文輕鬆做出美觀的自適應 RWD 表格(Table)﹍jQuery 輕量外掛
最近的案子處理行動版的表格效果時，發現以前的「 Blogger 插入表格最佳流程 + 自適應寬度 」，這個方式若用在商業網站，將沒有任何質感可言，甚至可以用簡陋來形容。 於是找了一下自適應 RWD 表格有沒有比較美觀，而且又簡便的處理方式。有發現幾個功能強大的外掛，但操作稍嫌...
繼續閱讀全文讓網頁表格能自動排序﹍TableSorter 安裝懶人包 (CDN)
前陣子製作「 CSS 色碼英文名稱對照表一覽 」時，需要一個 "讓表格能排序" 的功能，這樣讀者就能依照自己需求，針對不同欄位進行排序，如此查找資料非常方便，算是一個「友善的使用者體驗」。 因此研究了一下網頁表格排序的功能，本篇記錄一下處理的心得，並將安裝...
繼續閱讀全文Blogger 插入表格流程 + 自適應寬度
過去就曾耳聞 Blogger 文章中插入表格(table)時，會遇到一些狀況，不過直到最近需要在網站整理一些表格，才有這個機會來研究這個主題。 Blogger 文章編輯器其實問題不少，過去曾整理過一篇「 Blogger 文章編輯模式只要切換, 就可能產生異常現象? 」。而插入...
繼續閱讀全文