包含动态表和列的多个表格网格

时间:2016-04-05 09:41:12

标签: jquery asp.net angularjs excel excel-vba vba

假设我最初有2个表,

Categories
Products

类别表将有一列"产品编号"这将显示特定类别的产品数量......

现在Products表格按CategoryId分组,因此当用户点击number of products表格中的Categories时,他会看到Products表格中的CategoryId 1}}分组行以及与之相关的产品和详细信息。

我已经知道我可以使用jQuery Tables插件或类似生成动态表,然后根据事件显示/隐藏。

但我有另一个要求......我需要导出这些表(可以是1或更多,然后大约10)以在单个文件中出色,每张表有1张。我认为这可以做到 SOMEHOW (虽然不知道怎么样)

问题

如何将所有表格导出到单个Excel文件中,然后使其导航,如上所述。

我已经这样做但是使用SSRS和asp.net报表查看器(看起来很糟糕并且不容易修改)所以我正在考虑使用EITHER jQuery,AngularJs,ASP.NET Grid或类似的技术。

1 个答案:

答案 0 :(得分:1)

您是否尝试过this JS library

它可以创建一个xlsx文件,包含来自JSON的多个表格等。

当然,您将完成所有客户端。

我假设你所引用的表格是html <table>或浏览器中的数组。如果他们只是HTML(例如使用Razor / ASP.NET生成),您也可以将它们转换为JSON,如果您需要帮助,请在评论中询问我。

Here you can find an example from sheet.js for 1 worksheet

I have modified this example here,其中有3个表,每个表都添加到自己的工作表中。您可以创建一个采用表ID数组的常规方法,并将它们添加到1个工作表中,但是我太忙了,无法编写代码:|

我在我编辑的文件(Export2Excel.js)中包含了注释,以便您可以了解正在发生的事情。其余的文件保持不变,除了现在有3个表的index.html。

P.S。不要像本例中那样将脚本标记放在头部,否则页面可能会慢慢加载:P