Search code examples
htmlreactjsfileiframexlsx

How to render xlsx inside iFrame in reactjs?

Can we render xlsx file in html ?

Should be compatible with the browsers like IE and chrome. 

<iframe
 height="500px"
 width="100%"
 src={file.url}
/>

But after the page is loaded this actually downloads the files.

Solution

  • I did it using this API :

    https://view.officeapps.live.com/op/embed.aspx?src=http://www.learningaboutelectronics.com/Articles/Example.xlsx

    Insert this inside an Iframe you will be able to see excel.