无法下载完整的 CSV 数据

Question

I'm trying to download some CSV data using Javascript. I have around 600 700 records, but only 18-20 records are getting downloaded. This is what I'm doing so far

 console.log("CSV data", results.data);

                   var hiddenElement = document.createElement('a');
                    hiddenElement.href = 'data:text/csv;charset=utf-8,' + encodeURI(results.data);
                    hiddenElement.target = '_blank';
                    hiddenElement.download = 'users.csv';
                    hiddenElement.click();

In the console, I'm able to view all the data, but the file users.csv has only 18-20 records.

Any leads is highly appreciated

Answer 1

In such cases I would use the xlsx and save npm module like so:

// IMPORT
const XLSX = require("xlsx");

// INIT
var wb = XLSX.utils.book_new();
wb.Props = {
    Title: "Template",
    Subject: "Test",
    Author: "CRUD DS Excel",
    CreatedDate: new Date()
};
wb.SheetNames.push("First Sheet");

// ARRAY OF ARRAYS.
var allTitles = [[]];

// SET FIRST ROW AS THE HEADER.
allTitles[0] = ["Name", "Email", "Age"];

// INSERT SUBSEQUENT ROWS OF DATA.
records.forEach(record=>{
    allTitles.push([record.Name, record.Email, record.Age])
})

// CONVERT TO XLSX AND FORMAT THE DATA ACCORDINGLY
wb.Sheets["First Sheet"] = XLSX.utils.aoa_to_sheet(allTitles);
var wbout = XLSX.write(wb, {bookType:'xlsx',  type: 'binary'});
var buf = new ArrayBuffer(wbout.length); 
var view = new Uint8Array(buf);  
for (var i=0; i<wbout.length; i++) {
    view[i] = wbout.charCodeAt(i) & 0xFF;
} 

// SAVE
saveAs(new Blob([buf],{type:"application/octet-stream"}), "admins-template.xlsx");