AngularJS ui-grid导入XLSX数据的最佳方法

时间:2015-06-10 19:18:28

标签: xlsx angular-ui-grid

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

js-xlsx解析器是一个不错的选择,还是有其他开源XLSX解析器工具更适合这个任务?在我的情况下,XLSX数据非常基本,没有什么复杂,但我想尽可能保留样式信息。我预计数据网格将少于20行×1000行。

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

1 个答案:

答案 0 :(得分:7)

使用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/