ステップ1: js-export-excelプラグインをインストールします。
npm install js-export-excel
or
yarn add js-export-excel
ステップ2:プロジェクトにインポート
import ExportJsonExcel from 'js-export-excel';
ステップ3:コード
exportUser(val) {
if (val.length) {
const userData = val;
const option = {}; // プラグインのパラメーター
const dataTable = []; // テーブル・データ(通常はオブジェクトの配列)。
if (userData.length) {
for (let i = 0; i < userData.length; i++) {
const obj = {
: userData[i].name,
ID: userData[i].id,
: userData[i].email,
: userData[i].roleName,
: userData[i].statusName,
};
dataTable.push(obj);
}
}
option.fileName = 'ユーザー情報'; // エクセルのファイル名をエクスポートする
option.datas = [
{
sheetData: dataTable,
sheetName: 'sheet',
sheetFilter: ['ユーザー名'、'id'、'email'、'role'、'status'],
sheetHeader: ['ユーザー名'、'id'、'email'、'role'、'status'],
columnWidths: [10, 20, 15, 8, 5], // 各列の幅、これは列の順番に対応する必要があり、値はパーセンテージに対応する、つまり画面幅の何パーセントか。
}
];
const toExcel = new ExportJsonExcel(option);
toExcel.saveExcel(); //
}
プラグインのgithubアドレス: