map array of objects to header,columns and rows in angular

Nanu answered on July 4, 2023 Popularity 3/10 Helpfulness 7/10

answer map array of objects to header,columns and rows in angular

map array of objects to header,columns and rows in angular

Comment

this.fileTemplateService.GetFileData(selectedRows[0].fileCode, selectedRows[0].dataFileToProcessDetailsId)
        .subscribe({
          next: (res) => {
            // this.objList = res.fileTemplateList;
            // this.totalCount = res.totalRecords;
            // if (this.totalCount == 0) {
            //   this.recordsNotFoundPopup();
            // }
            const headers = Object.keys(res[0]);
            // const values = headers.map(header => res[header]);

            // const csvRow = values.join(',');
            // const csvContent = headers.join(',') + '\n' + csvRow;
            const rows = res.map(obj => Object.values(obj));

            const csvContent = headers.join(',') + '\n' + rows.map(row => row.join(',')).join('\n');
            const fileName = `${selectedRows[0].fileName.slice(0, -4)}.csv`;
            const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });

            this.saveCSVFile(blob, fileName);
          }, error: (err) => {
            this.notificationService.showMessage(AlertMessageType.Error, AppConstant.fileDataError);
          }
        })

Popularity 3/10 Helpfulness 7/10 Language typescript

Source: Grepper

Tags: angular map typescript

Link to this answer
Share Copy Link

Contributed on Jul 04 2023

Nanu

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

map array of objects to header,columns and rows in angular

Contents

More Related Answers

map array of objects to header,columns and rows in angular

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.