Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

能设置导出表格的样式吗, #23

Open
adays906 opened this issue Jun 10, 2022 · 10 comments
Open

能设置导出表格的样式吗, #23

adays906 opened this issue Jun 10, 2022 · 10 comments
Labels
enhancement New feature or request

Comments

@adays906
Copy link

这个需求解决了什么问题:

导出表格的单元格合并、字体、颜色、背景、对齐、边框等,可以设置吗

建议的 API 是什么样的:

No response

是否已有其他不错的替代方案:

No response

@adays906 adays906 added the enhancement New feature or request label Jun 10, 2022
@chendimao
Copy link

都可以啊,接口跟exceljs一样。

@bygsn
Copy link

bygsn commented Dec 29, 2022

我也遇到了一样的问题 导出的表格没有合并单元格 找不到配置项 请问你找到导出合并单元格的方法了吗
这个是我导出的xlsx文件 没有合并单元格
image
这个是我前端渲染的xlsx 是有合并单元格的效果的
image

@chendimao
Copy link

我也遇到了一样的问题 导出的表格没有合并单元格 找不到配置项 请问你找到导出合并单元格的方法了吗 这个是我导出的xlsx文件 没有合并单元格 image 这个是我前端渲染的xlsx 是有合并单元格的效果的 image

根据这个插件文档配置来 [ex](https://github.com/exceljs/exceljs/blob/master/README_zh.md#%E5%A1%AB%E5%85%85)

@bygsn
Copy link

bygsn commented Dec 29, 2022

但是这个插件只有exportData这一个函数 怎么使用exceljs里的函数呀 方便加个vx联系吗 我vx: bygsn_
image

@chendimao
Copy link

但是这个插件只有exportData这一个函数 怎么使用exceljs里的函数呀 方便加个vx联系吗 我vx: bygsn_ image

exportData中有个sheetMethod方法,这个里面用的就是exceljs文档里面的语法
this.$refs.xTable1.exportData({
filename: '门急观工作量同期对比表',
mode: 'all',
type: 'xlsx',
isColgroup: true,
useStyle: true,
sheetMethod: ({options, workbook, worksheet}) =>{
// 设置所有单元格
worksheet.eachRow((row) => {
row.eachCell((cell) => {
//设置单元格样式
cell.fill = {
type: 'pattern',
pattern:'thin',
fgColor:{argb:'FF000000'},
}
cell.font = {color: { argb: 'FF000000'}};
// 设置自动换行
cell.alignment = { wrapText: true, vertical: 'middle', horizontal: 'center' };
});
})

        }
    })

@bygsn
Copy link

bygsn commented Dec 29, 2022

但是目前合并单元格是用vx-table的配置merge-cells实现的 通过对象数组mergeCells指定表格中的合并单元格 而且这个数组是后端动态返回的 导出的时候怎么转成exceljs文档里面的语法呢?
image

image

@chendimao
Copy link

chendimao commented Dec 30, 2022 via email

@bygsn
Copy link

bygsn commented Dec 31, 2022

有什么影响,最终每个单元格的数据都会到sheetmethod里面,就可以对每个单元格设置格式

---原始邮件--- 发件人: @.> 发送时间: 2022年12月30日(周五) 凌晨0:06 收件人: @.>; 抄送: @.@.>; 主题: Re: [x-extends/vxe-table-plugin-export-xlsx] 能设置导出表格的样式吗, (Issue #23) 但是目前合并单元格是用vx-table的配置merge-cells实现的 通过对象数组mergeCells指定表格中的合并单元格 而且这个数组是后端动态返回的 导出的时候怎么转成exceljs文档里面的语法呢? — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you commented.Message ID: @.***>

谢谢 解决了
这是现在的导出的效果 有合并单元格 样式也改了
image
image

@Gxyloj
Copy link

Gxyloj commented Mar 27, 2023

有什么影响,最终每个单元格的数据都会到sheetmethod里面,就可以对每个单元格设置格式

---原始邮件--- 发件人: @.> 发送时间: 2022年12月30日(周五) 凌晨0:06 收件人: _@**._>; 抄送: _@.@._>; 主题: Re: [x-extends/vxe-table-plugin-export-xlsx] 能设置导出表格的样式吗, (Issue #23) 但是目前合并单元格是用vx-table的配置merge-cells实现的 通过对象数组mergeCells指定表格中的合并单元格 而且这个数组是后端动态返回的 导出的时候怎么转成exceljs文档里面的语法呢? — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you commented.Message ID: _@_.*>

谢谢 解决了 这是现在的导出的效果 有合并单元格 样式也改了 image image

可以发个demo学习一下吗,感谢

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

5 participants
@chendimao @Gxyloj @adays906 @bygsn and others