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

Question

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

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

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

Answer 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/