具有dynamic表格和列的多个表格网格

假设我最初有两张桌子，

Categories Products

分类表将有一个列“产品号”，这将显示特定类别的产品数量…

现在Products表按照CategoryId分组，所以当用户点击Categories表number of products ，他会看到具有特定CategoryId组行的Products表以及与产品相关的产品和详细信息。

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

但我有另一个要求…我需要导出这些表（可以是1或更多，然后大约10），在单个文件与每张表1表。我认为这可以做一些（不知道如何，但）

问题

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

我已经这样做了，但使用SSRS和asp.net报表查看器（这看起来很糟糕，不容易修改），所以我想使用无论是jQuery，AngularJs，ASP.NET网格或类似的技术。

你有没有试过这个JS库？

它可以创build一个xlsx文件，从JSON多张表等。

当然，你会做所有的客户端。

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

在这里，您可以从1张工作表的sheet.js中find一个示例。

我在这里修改了这个例子，你有3个表格，每个表格都被添加到自己的工作表中。你可以创build一个通用的方法，它需要一个表id的数组，并将它们添加到1个工作表，但我太忙了，不能写代码：

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

PS不要像本例中那样将脚本标签放在头部，否则页面可能会缓慢加载：P