需求:导出表格时 表格中的图片一同导出
原表内容如下:
实现代码:
gridOptions:{
exportConfig: {
remote: false, // 开启远程导出
sheetMethod: this.sheetMethod, // 调用实现方法
useStyle: true,
types: ["xlsx"], // 仅支持 xlsx
modes: ["current", "selected"] // current当前页,selected选中的,all所有的
},
}
methods: {
// 实现方法
sheetMethod({ options, workbook, worksheet }) {
const { data } = options;
data.forEach((item, i) => {
if (item.colorImg) {
const imgid = workbook.addImage({
base64: item.colorImg, // colorImg 为base64 格式
extension: "png"
});
worksheet.addImage(imgid, {
tl: { col: 3.5, row: i + 1 + 0.5 }, // 小数.5是图片在单元格居中显示
ext: { width: 30, height: 30 } // 设置图片大小
});
}
});
},
}
导出结果如下: