前端查询表格显示_「入门指南」ActiveReportsJS 纯前端报表控件

ActiveReportsJS 是一款基于 HTML5 的纯前端报表控件，采用拖拽式报表开发模式，无需任何服务器和组件支持，即可在 Mac、Linux 和 Windows 平台中，轻松设计中国式复杂报表、类 Excel/Word 报表、DashBoard 仪表板等多种报表类型。

通过本指南，您将学习如何快速使用这款报表工具，以及如何将ActiveReportsJS的强大功能嵌入到Web应用中。

一、产品下载

首先，请先搜索在葡萄城官网下载 ActiveReportsJS。产品安装包中含有Mac、Linux、Windows三个平台的安装程序，请根据您的使用平台自行选择。

下载后，请解压文件，并双击 .dmg / .exe / .AppImage 程序，安装报表设计器。

注：ActiveReportsJS 的安装程序涵盖：报表设计器、查看器和报表导出模块。

二、创建一张JavaScript报表

从添加数据源到创建交互式报表，ActiveReportsJS简单易用的设计器使您无需编写代码，仅需拖拽的方式，即可完成复杂报表设计。

如需创建报表，请在主菜单栏中选择“文件”选项。“文件”面板打开后，您可选择创建RDL报表或页面报表。

添加数据源

ActiveReportsJS 支持的数据源类型是JSON，您可以直接使用 JSON Web Services 服务来连接 JSON数据源。

或者，您也通