【问题标题】:AngularJS ui-grid import XLSX data best approachAngularJS ui-grid 导入 XLSX 数据的最佳方法
【发布时间】:2016-05-27 10:32:08
【问题描述】:

导入 XLSX 数据以使用 AngularJS ui-grid 显示的最佳方法是什么?

js-xlsx 解析器是否是一个不错的选择,或者是否有其他开源 XLSX 解析器工具更适合此任务?就我而言,XLSX 数据非常基本,没有什么复杂的,但我想尽可能地保留样式信息。我预计数据网格将小于 20 col x 1000 行。

或者使用替代数据网格(例如 Hansontable)而不是 ui-grid 会更好吗?这会更适合电子表格数据吗?

【问题讨论】:

    标签: xlsx angular-ui-grid


    【解决方案1】:

    使用 js-xlsx 将数据导入网格应该可以正常工作。我已经能够让它与我的简单 Open Office 文件一起工作,所以我想你会没事的。

    不过,样式信息是另一个问题。如果您想维护特定于单元格的背景,那么这可能会更加困难。您能分享一下您想要处理的具体用例吗?

    对于可能感兴趣的其他人:在您将文件读入浏览器并将其转换为工作簿后,您可以使用XLSX.utils.sheet_to_json() 轻松地将电子表格内容转储到您可以传递到网格的结构中。如果您将{ header: 1 } 作为参数传递给该函数,它将返回一个简单的数据数组。如果你有一个,数组中的第一个元素将是你的标题行。您可以使用它来创建列定义。

    如果你想看到一个工作的 plunker 看看这个:http://plnkr.co/edit/rYC3nd7undqJz2mr8Old?p=preview

    如果你想要更深入的教程,我有这篇文章解释 SheetJS 和 plunker 的内容:http://brianhann.com/easily-import-spreadsheets-into-ui-grid/

    【讨论】:

    • 谢谢你,这项工作如我所愿。应标记为 anserd。
    • 您的解决方案可以与 ui.grid.importer ui-grid.info/docs/#/api/ui.grid.importer 一起使用还是应该独立于 ui-grid-importer 实现?
    猜你喜欢
    • 1970-01-01
    • 2017-03-09
    • 1970-01-01
    • 1970-01-01
    • 2021-05-03
    • 2012-08-24
    • 2012-10-19
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多