Search
 
SCRIPT & CODE EXAMPLE
 

JAVASCRIPT

export json to excel in javascript

//HTML
<button onclick="exportToCsv()">export to CSV</button>

// Javascript
var Results = [
  ["Col1", "Col2", "Col3", "Col4"],
  ["Data", 50, 100, 500],
  ["Data", -100, 20, 100],
];

exportToCsv = function() {
  var CsvString = "";
  Results.forEach(function(RowItem, RowIndex) {
    RowItem.forEach(function(ColItem, ColIndex) {
      CsvString += ColItem + ',';
    });
    CsvString += "
";
  });
  CsvString = "data:application/csv," + encodeURIComponent(CsvString);
 var x = document.createElement("A");
 x.setAttribute("href", CsvString );
 x.setAttribute("download","somedata.csv");
 document.body.appendChild(x);
 x.click();
}
Comment

javascript json to excel

import * as ExcelJS from 'exceljs';

function bufferToFile(
    buffer,
    filename,
    type = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
  ) {
    let blob = new Blob([buffer], { type });
    const anchor = document.createElement('a');
    const url = URL.createObjectURL(blob);
    anchor.href = url;
    anchor.download = filename;
    document.body.appendChild(anchor);
    anchor.click();
    document.body.removeChild(anchor);
    URL.revokeObjectURL(url);
  }

async function exportToExcel($event) {
    const workbook = new ExcelJS.Workbook();
    const worksheet = workbook.addWorksheet('My Sheet');

    worksheet.columns = [
      { header: 'Id', key: 'id', width: 10 },
      { header: 'Name', key: 'name', width: 32 },
      { header: 'D.O.B.', key: 'DOB', width: 10, outlineLevel: 1 },
    ];
    worksheet.getColumn(2).alignment = {
      vertical: 'middle',
      horizontal: 'center',
      wrapText: true,
    };
    worksheet.addRow([3, 'Sam
Sung', new Date()]);
    worksheet.addRow({
      id: 1,
      name: 'John Doe',
      DOB: new Date(1994, 10, 10),
    });
    const filename = 'Export.xlsx';
    const buffer = await workbook.xlsx.writeBuffer();
    this.bufferToFile(buffer, filename);
  }
Comment

PREVIOUS NEXT
Code Example
Javascript :: upload image with react 
Javascript :: javascript return multiple values 
Javascript :: req.body showing undefined 
Javascript :: ajax get request javascript 
Javascript :: how to focus out of an input in testing library 
Javascript :: color switcher 
Javascript :: microbit hello world 
Javascript :: react native file pdf to base64 
Javascript :: how to save data in javascript 
Javascript :: how to run react app on apache server 
Javascript :: print blade value in js 
Javascript :: eager loading 
Javascript :: JavaScript Precision Problems 
Javascript :: zigale assefa 
Javascript :: javascript AutoCorrection in Date Object 
Javascript :: javaScript has() Method 
Javascript :: alphanumeric without space regex 
Javascript :: ex: javascript Executor 
Javascript :: prevent js execution in elementor 
Javascript :: set display size phaser 
Javascript :: phaser random ellipse 
Javascript :: phaser animation random delay 
Javascript :: Pretty-Print JSON within Neovim 
Javascript :: Move capital letters to the beginning 
Javascript :: javascript change IFormFile to base64string 
Javascript :: decimal to hex 
Javascript :: change text color according to background js 
Javascript :: comentar en javascript 
Javascript :: javascript array map 
Javascript :: multer 
ADD CONTENT
Topic
Content
Source link
Name
8+5 =