報表工具怎樣適應移動端？

報表在移動端展示會跟 PC 端有所不同，主要是因為終端解析度的差異。我們在使用報表工具開發報表時如何才能適應移動端展示呢？是否要挑選一個專門適合移動端的報表工具呢？

其實不必，因為當前幾乎所有報表工具都天然支援移動端。

為什麼這麼說呢？稍微解釋下就清楚了。

前面我們說過 PC 端和移動端的差異是解析度不同，但兩者要顯示的報表其實都一樣，本質都是 HTML。那麼有沒有一種 HTML 技術能夠適配多種終端呢？當然有，那就是 HTML5。使用 H5 繪製的報表可以天然執行在不同種類的終端上。而現在絕大多數報表工具都支援 H5，自然也就都能適配移動端了。所以， 我們說專門為移動端去選擇報表工具是不必要的，所有報表工具都天然支援。

當然，我們也知道，報表的特點是可能比較寬（列多），也可能比較高（行多），或者二者兼有，如果採用等比例縮放的話在不大的移動端螢幕上很可能看不清，至少是不太美觀。這時把報表工具生成的適應 PC 瀏覽器的 HTML 呈現出來，效果並不太好。有必要重新為手機再設計合理的佈局，這件事仍然可以用報表工具做出來，只是一個報表常常要做兩遍（PC 端和移動端各做一遍），甚至更多遍（移動端的種類比較多，還有橫屏豎屏）。

為了避免重複開發，對於報表樣式不是非常複雜的情況，很多報表工具都能提供一定的自適應機制。

所謂自適應機制，顧名思義，就是讓報表佈局可以自動適應螢幕的大小，具體來講，一般是保持報表的寬或高固定，在另外一個方向進行縮放。這樣為 PC 開發的報表佈局也可以自適應到手機上，手機本身也能自適應橫屏和豎屏，可以有效地減少報表的開發量。

一定要考查報表工具對移動端的支援程度時，這可以算是一個功能點。不過這個功能對於報表工具來講並不是很難，只要在報表外部增加適應性容器的方法，透過 JS 來進行自動控制就可以。所以很多工具都能支援。

但是，有些佈局很複雜的報表（比如內部有多個部件的組合報表），自動的自適應效果不能滿足視覺的要求，常常還是要硬做兩遍或多遍，這個工作量不可避免。

其它移動端的特殊性，還有觸控、長按、滑動等效果，這些實現起來也並不困難。不過，要完全個性化的移動端介面效果就需要定製開發了，報表工具本身也無法提供個性化能力。

關於移動端的報表，我們的結論是這樣： 報表工具天然適配移動端，個性化的移動端介面需要定製開發，非報表工具能力範圍。

另外，對於移動端報表，報表工具廠商是否有必要提供一個獨立的 APP 呢？

意義也不大。

大多數情況下，報表都是要整合到企業已有系統中作為一個模組來使用，移動應用也是這樣，報表功能應該是企業 APP 中的一個模組。如果還有個獨立存在的報表 APP，會給管理使用都帶來麻煩，做不到單點登入，在報表 APP 中還要複製一套使用者與許可權管理的機制，而這些東西每家企業又各不相同，常常還要做深度定製，也沒法拿到現成的報表 APP 就直接用。 報表作為一箇中介軟體，作為系統的一部分，提供生成 html 的功能，整合到企業應用（包括移動端）中，才是更方便的應用方式。

對進一步報表和 BI 技術感興趣的同學還可以搜尋“乾學院”，上面有整套的免費“商業智慧”技術課程, 或者直接點下面的連結也可以 ：