image.png

大致需求是页面上显示一个列表,需要excel下载的功能。Java后台自然可以做,其实前端也可以完成Excel下载。(前端用的react框架)

这边使用了一个插件:js-export-excel。

先用npm去下载这个插件。

然后,在页面导入这个插件。

import ExportJsonExcel from "js-export-excel";

核心代码如下:

var option = 学生信息',
datas : [{
    sheetData : arr,
    sheetName: 'sheet1',
    sheetHeader: [
    	'序号',
    	'学生姓名',
    	'性别',
    	'年龄'
        ]
    }]
}
	
var toExcel = new ExportJsonExcel(option);
toExcel.saveExcel();

arr是后台返回的数据,一般是json数组。

设置列宽:
columnWidths: []