最近寫了一個查詢報表的網頁，內容是查詢工廠已完成的但客戶尚未來領取的貨品
網站上表格呈現的方式是:
第一欄:工廠 第二攔:對應的客戶 第三欄:成品的數量
假設A工廠對應三家客戶，那第一欄的第一到第三列會合併
第四列則為A工廠總計
第五列開始才是B工廠的資料
但上級說不想要這樣，說第一欄這樣很多空的看了不喜歡
問她那怎麼分別各家工廠，他叫我想
我想了一個方法是在報表上面有數個標籤
點了標籤後，下面的區塊就呈現相對應工廠的資料
有點像是excel的Sheet，第一個sheet是A工廠，第二個是B工廠，依此類推
但不知道該如何做，該用什麼樣的標籤才能做到
撈取資料庫時又應該一次全部撈完比較好
還是點到該標籤時再去撈取該工廠的資料會比較好呢?
已邀請的邦友 {{ invite_list.length }}/5
先預想你的表頭跟表身是什麼，
就我自己看的話，因為一個工廠會對應到多個客戶，
工廠就是表頭，客戶就是表身。
如果資料量很多的話，
我是會做成點擊工廠頁籤時才去撈取資料，
不然一口氣撈一堆資料進來，使用者也看不到，那就只是拖累效能而已。
基本上就是先指撈取工廠資料做成頁籤，
點擊該工廠後去撈資料做成報表。
作法百百種，用js做非同步撈資料應該是比較簡單的方式。
iThome鐵人賽
看影片追技術