用exceljs方法,设置导出excel表格的样式,比如居中,宽度,修改颜色等等。
exportExcel() {
// 导出的表头
let columns = [
{ name: "中国" },
{ name: "美国" },
{ name: "英国" },
{ name: "法国" },
{ name: "德国" }
];
// 引入 exceljs,自己灵活引入
let exceljs = require("exceljs");
let excel = new exceljs.Workbook();
let monthSheet = excel.addWorksheet("excel的文件名");
monthSheet.addTable({
// 插入到多少行,自己设置
ref: "A1",
style: {
// 风格
theme: "TableStyleLight11"
},
columns,
// 表体的内容,与表头顺序对应
rows: this.tableData.map((one, i) => [
one.stage9,
one.stage8,
one.stage7,
one.stage6,
one.stage5
])
});
columns.forEach((item, i) => {
// 设置样式,更多样式去看文档
monthSheet.getColumn(i + 1).width = 10;
monthSheet.getColumn(i + 1).alignment = {
vertical: "middle",
horizontal: "center"
};
});
excel.xlsx.writeBuffer().then(buffer => {
// 下载excel
let saver = require("file-saver");
saver.saveAs(
new Blob([buffer], { type: "application/octet-stream" }),
this.$route.meta.title + ".xlsx"
);
});
}
aicolors:一款快速生成与之匹配的配色方案的AI配色工具
如何利用PHPExcel类库建php将数据格式转为excel
上面是“vuejs导出excel表格(可以设置样式)”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_2105.html
workflows工作流
金色玫瑰花comfyui工作流
Latent放大comfyui工作流
图生图工作流:藏族姑娘ComfyUI工作流
一只在星系中漂浮宇宙生物ComfyUI工作流
一头巨大的古代大象背后建着一座城市
一种长着彩虹翅膀的虫子comfyui工作流
一块慕斯蛋糕ComfyUI工作流
五彩斑斓的蛇状飞鸟
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

jquery做一个漂亮挂墙动态时钟
利用css3做一个动态loading效果
css3+js菜单点击动态效果
3d文字动画效果
用canvas实现画板涂鸦效果
如何利用svg做一个有趣的loading动画加载
日历设置每个月颜色都不一样
3D立体人物效果







