Open liujiusheng opened 2 years ago
近期需要做一下在线excel表格预览,以前没弄过,现在研究一下。
第一个想到的就是sheet.js,可以利用sheet2html将xlsx置换为html,然后在前端用iframe插入html文件。
第二个就是最新了解到的Luckysheet这个开源库,好像是近期才开源的,高度还原了excel的效果,而且可以在线编辑。 不过暂时还不知道怎么使用,正研究。
以下是luckysheet的展示效果截图:
在Angular中使用的时候,由于LuckyExcel和luckysheet涉及的css样式较多,且有plugins无法通过umd方式引入,所以需要以window.LuckyExcel和window.luckysheet的传统方式使用。
由于TypeScript的变量需要先声明后使用,所以会提示无法获取LuckyExcel和luckysheet对象。
所以需要在Angular工程下的typings.d.ts文件中declare声明LuckyExcel和luckysheet为any。
修改后需重启才会生效,不会直接生效。
静静等待TS的重构版到来。
近期需要做一下在线excel表格预览,以前没弄过,现在研究一下。
第一个想到的就是sheet.js,可以利用sheet2html将xlsx置换为html,然后在前端用iframe插入html文件。
第二个就是最新了解到的Luckysheet这个开源库,好像是近期才开源的,高度还原了excel的效果,而且可以在线编辑。 不过暂时还不知道怎么使用,正研究。
以下是luckysheet的展示效果截图:
在Angular中使用的时候,由于LuckyExcel和luckysheet涉及的css样式较多,且有plugins无法通过umd方式引入,所以需要以window.LuckyExcel和window.luckysheet的传统方式使用。
由于TypeScript的变量需要先声明后使用,所以会提示无法获取LuckyExcel和luckysheet对象。
所以需要在Angular工程下的typings.d.ts文件中declare声明LuckyExcel和luckysheet为any。
修改后需重启才会生效,不会直接生效。
静静等待TS的重构版到来。