Within the loop, we are getting all the row’s cells and mapping them to a new array ( rowText) with only the innerText value.Get and loop through all the rows in the table element.

To export an HTML table to a CSV file, we need to read all the content of the cells and convert them to CSV format. Here is how the project structure looks so far:īefore we write the function, let’s install file-saver which is a great tool for saving files on the client-side, especially if we are generating a Blob object dynamically. This will enable us to install an npm library that we need later on. Now, navigate to the project folder and run npm init for setting up a new npm package. index.html file to create an HTML table and consume the export function.exportCSV.js file for the export function and other logic required.

Let’s create a folder (the root project folder) with two files: In the tutorial below, we are specifically exporting an HTML table to a CSV file as this is a very common use case. In this article, I will share with you an awesome way to export data to a CSV file with only a few lines of code and without having to create a link element and mimic a download click.

Javascript download csv