报表工具怎样适应移动端？

报表在移动端展示会跟 PC 端有所不同，主要是因为终端分辨率的差异。我们在使用报表工具开发报表时如何才能适应移动端展示呢？是否要挑选一个专门适合移动端的报表工具呢？

其实不必，因为当前几乎所有报表工具都天然支持移动端。

为什么这么说呢？稍微解释下就清楚了。

前面我们说过 PC 端和移动端的差异是分辨率不同，但两者要显示的报表其实都一样，本质都是 HTML。那么有没有一种 HTML 技术能够适配多种终端呢？当然有，那就是 HTML5。使用 H5 绘制的报表可以天然运行在不同种类的终端上。而现在绝大多数报表工具都支持 H5，自然也就都能适配移动端了。所以，我们说专门为移动端去选择报表工具是不必要的，所有报表工具都天然支持。

当然，我们也知道，报表的特点是可能比较宽（列多），也可能比较高（行多），或者二者兼有，如果采用等比例缩放的话在不大的移动端屏幕上很可能看不清，至少是不太美观。这时把报表工具生成的适应 PC 浏览器的 HTML 呈现出来，效果并不太好。有必要重新为手机再设计合理的布局，这件事仍然可以用报表工具做出来，只是一个报表常常要做两遍（PC 端和移动端各做一遍），甚至更多遍（移动端的种类比较多，还有横屏竖屏）。

为了避免重复开发，对于报表样式不是非常复杂的情况，很多报表工具都能提供一定的自适应机制。

所谓自适应机制，顾名思义，就是让报表布局可以自动适应屏幕的大小，具体来讲，一般是保持报表的宽或高固定，在另外一个方向进行缩放。这样为 PC 开发的报表布局也可以自适应到手机上，手机本身也能自适应横屏和竖屏，可以有效地减少报表的开发量。

一定要考查报表工具对移动端的支持程度时，这可以算是一个功能点。不过这个功能对于报表工具来讲并不是很难，只要在报表外部增加适应性容器的方法，通过 JS 来进行自动控制就可以。所以很多工具都能支持。

但是，有些布局很复杂的报表（比如内部有多个部件的组合报表），自动的自适应效果不能满足视觉的要求，常常还是要硬做两遍或多遍，这个工作量不可避免。

其它移动端的特殊性，还有触摸、长按、滑动等效果，这些实现起来也并不困难。不过，要完全个性化的移动端界面效果就需要定制开发了，报表工具本身也无法提供个性化能力。

关于移动端的报表，我们的结论是这样：报表工具天然适配移动端，个性化的移动端界面需要定制开发，非报表工具能力范围。

另外，对于移动端报表，报表工具厂商是否有必要提供一个独立的 APP 呢？

意义也不大。

大多数情况下，报表都是要集成到企业已有系统中作为一个模块来使用，移动应用也是这样，报表功能应该是企业 APP 中的一个模块。如果还有个独立存在的报表 APP，会给管理使用都带来麻烦，做不到单点登录，在报表 APP 中还要复制一套用户与权限管理的机制，而这些东西每家企业又各不相同，常常还要做深度定制，也没法拿到现成的报表 APP 就直接用。报表作为一个中间件，作为系统的一部分，提供生成 html 的功能，集成到企业应用（包括移动端）中，才是更方便的应用方式。