Экспорт данных из Angular в Excel переключает столбцы - PullRequest
Новая
       4

Экспорт данных из Angular в Excel переключает столбцы

1 голос
/ 16 мая 2019

Я пытаюсь экспортировать данные из angular в excel, я использую JEE для бэкэнда, сейчас у меня нет проблем, и все работает отлично. И все же файл EXCEL, который я получаю, дает мне перевернутые столбцы.

Вот этот компонент.html 

<table class="table table-striped">
  <thead>
    <tr>
      <th scope="col" sortable="name" (sort)="onSort($event)">Type</th>
      <th>Entité</th>
      <th>Modifié par</th>
      <th>Date de modification</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let x of respTest | paginate: {itemsPerPage: 10, currentPage:page, id: '1'}; let i = index">
      <td>{{x.Type}}</td>
      <td>{{x.Entite}}</td>
      <td>{{x.ModifiePar}}</td>
      <td>{{x.DateModif}}</td>
    </tr>
  </tbody>
</table>
<button type="button" class="btn btn-primary" (click)="exportAsXLSX()">Export</button>

и вот функция, которую я использую в component.ts 

 exportAsXLSX():void {
     this.excelService.exportAsExcelFile(this.respTest, 'suivi');
 }

который использует этот сервис excel.service.ts 

import { Injectable } from '@angular/core';
import * as FileSaver from 'file-saver';
import * as XLSX from 'xlsx';

const EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';
const EXCEL_EXTENSION = '.xlsx';

@Injectable()
export class ExcelService {

  constructor() { }

  public exportAsExcelFile(json: any[], excelFileName: string): void {

    const worksheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(json);
    console.log('worksheet',worksheet);
    const workbook: XLSX.WorkBook = { Sheets: { 'data': worksheet }, SheetNames: ['data'] };
    const excelBuffer: any = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });
    //const excelBuffer: any = XLSX.write(workbook, { bookType: 'xlsx', type: 'buffer' });
    this.saveAsExcelFile(excelBuffer, excelFileName);
  }

  private saveAsExcelFile(buffer: any, fileName: string): void {
    const data: Blob = new Blob([buffer], {
      type: EXCEL_TYPE
    });
    FileSaver.saveAs(data, fileName + '_export_' + new Date().getDate() + EXCEL_EXTENSION);
  }

}

Я хочу, чтобы порядок столбцов был таким же, как в таблице, показанной спереди.

...