AngularJS ui-grid import XLSX数据最好的方法

AngularJS ui-grid import XLSX data best approach

导入要使用 AngularJS ui 网格显示的 XLSX 数据的最佳方法是什么?

js-xlsx 解析器是否适合此任务,或者是否有其他开源 XLSX 解析器工具更适合ui完成此任务?在我的例子中,XLSX 数据非常基本,没有什么复杂的,但我想尽可能多地保留样式信息。我预计数据网格将少于 20 列 x 1000 行。

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

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

不过,样式信息是另一个问题。如果你想保持 cell-specific 背景等,那可能会更困难。您能否分享您想要处理的具体用例?

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

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

如果你想要更多 in-depth 教程,我有这个 post 解释 SheetJS 和 plunker 的内容:http://brianhann.com/easily-import-spreadsheets-into-ui-grid/