How to export array of objects to an excel in angular4?

Question

I have an array of objects as shown below

    [
        {   "FirstName": "John", 
            "LastName": "Parker", 
            "Age": "23", 
            "Cat": "23g",
            "SOP": "Active"
        },
        {   "FirstName": "Rose", 
            "LastName": "Jackson", 
            "Age": "44", 
            "Cat": "44g",
            "SOP": "InActive"
        }
    ]

how can i export this data along with the logo of the company to the excel and download the same.

Any suitable plugin to write objects data and logo image to excel?

i recommand you to do this in back-end side.

Yanis-git
– Yanis-git

2018-04-26 07:06:42 +00:00
Commented Apr 26, 2018 at 7:06 — Yanis-git
– Yanis-git, Commented Apr 26, 2018 at 7:06

Gelso77 · Accepted Answer · 2018-04-26 08:26:38Z

6

you can use this function , it works fine with me

//DOWNLOAD
  download(){
    var csvData = this.ConvertToCSV( this.data);
    var a = document.createElement("a");
    a.setAttribute('style', 'display:none;');
    document.body.appendChild(a);
    var blob = new Blob([csvData], { type: 'text/csv' });
    var url= window.URL.createObjectURL(blob);
    a.href = url;
    var x:Date = new Date();
    var link:string ="filename_" + x.getMonth() +  "_" +  x.getDay() + '.csv';
    a.download = link.toLocaleLowerCase();
    a.click();

  }


// convert Json to CSV data in Angular2
  ConvertToCSV(objArray) {
    var array = typeof objArray != 'object' ? JSON.parse(objArray) : objArray;
    var str = '';
    var row = "";

    for (var index in objArray[0]) {
        //Now convert each value to string and comma-separated
        row += index + ',';
    }
    row = row.slice(0, -1);
    //append Label row with line break
    str += row + '\r\n';

    for (var i = 0; i < array.length; i++) {
        var line = '';
        for (var index in array[i]) {
            if (line != '') line += ','

            line += array[i][index];
        }
        str += line + '\r\n';
    }
    return str;
  }

answered Apr 26, 2018 at 8:26

Gelso77

1,9038 gold badges32 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Andrew Howard Over a year ago

This is awesome! Your "ConvertToCSV" doesn't escape already present commas though, any idea on how to cater for this?

Pardeep Jain · Accepted Answer · 2018-04-26 07:24:39Z

1

The better approach is to do this from backend side but still, there are some packages available to do same, check it out

answered Apr 26, 2018 at 7:24

Pardeep Jain

86.9k38 gold badges172 silver badges220 bronze badges

Collectives™ on Stack Overflow

How to export array of objects to an excel in angular4?

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related