岄. 2023-09-15 17:16 采纳率: 91.7%
浏览 22
已结题

uniapp中我使用xlsl导出excel表,但是我明明设置了全部居中,但是导出的excel并没有显示这些样式这是为什么

uniapp中我使用xlsl导出excel表,但是我明明设置了全部居中,并且是黑色边框,但是导出的excel并没有显示这些样式这是为什么

    // 创建工作簿和工作表
                const wb = XLSX.utils.book_new()
                const ws = XLSX.utils.json_to_sheet([])
                // 创建单元格样式
                const cellStyle = {
                    alignment: {
                        horizontal: 'center'
                    },
                    border: {
                        style: 'thin',
                        color: '000000'
                    }
                };

                ws['!cols'] = [{
                    wpx: 80,
                    alignment: {
                        horizontal: "center"
                    }
                }];
                // 设置单元格样式
                const style = {
                    alignment: {
                        vertical: 'center', // 垂直居中
                        horizontal: 'center' // 水平居中
                    },
                    border: {
                        top: {
                            style: 'thin',
                            color: {
                                rgb: '00000000'
                            } // 黑色边框
                        },
                        bottom: {
                            style: 'thin',
                            color: {
                                rgb: '00000000'
                            }
                        },
                        left: {
                            style: 'thin',
                            color: {
                                rgb: '00000000'
                            }
                        },
                        right: {
                            style: 'thin',
                            color: {
                                rgb: '00000000'
                            }
                        }
                    }
                }
                // 设置第一行为空数据
                ws['A1'] = {
                    v: '',
                    s: style
                }

                // 设置大标题并合并单元格
                ws['A2'] = {
                    v: '库存明细表',
                    s: style
                }
                ws['A2'].s = {
                    font: {
                        bold: true
                    },
                    alignment: {
                        horizontal: "center"
                    },
                    border: {
                        color: {
                            rgb: "ffc092"
                        },
                        style: 'thin'
                    } // 黑色边框
                }; // 设置样式
                ws['!merges'] = [{
                    s: {
                        r: 1,
                        c: 0
                    },
                    e: {
                        r: 1,
                        c: 4
                    }
                }]
                // 设置第三行第二个单元格为'哈哈'
                ws['B3'] = {
                    v: '哈哈',
                    t: 's'
                }
                // 将列表数据写入工作表(从第五行开始)
                const listData = [{
                    name: '张三',
                    age: 20
                }, {
                    name: '李四',
                    age: 30
                }]
                XLSX.utils.sheet_add_json(ws, this.list2, { //标签栏
                    skipHeader: true,
                    origin: 'A5'
                })
                XLSX.utils.sheet_add_json(ws, this.list, {
                    skipHeader: true,
                    origin: 'A6'
                })
                
                // 将工作表添加到工作簿
                XLSX.utils.book_append_sheet(wb, ws, 'Sheet1')

                // 将工作簿保存为Excel文件
                XLSX.writeFile(wb, 'output.xlsx')

  • 写回答

2条回答 默认 最新

  • hahai1212 2023-09-15 18:43
    关注

    普通版的XLSX库不支持样式哦 ,仅支持单元格合并

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 9月28日
  • 已采纳回答 9月20日
  • 创建了问题 9月15日

悬赏问题

  • ¥15 软件供应链安全是跟可靠性有关还是跟安全性有关?
  • ¥15 电脑蓝屏logfilessrtsrttrail问题
  • ¥20 关于wordpress建站遇到的问题!(语言-php)(相关搜索:云服务器)
  • ¥15 【求职】怎么找到一个周围人素质都很高不会欺负他人,并且未来月薪能够达到一万以上(技术岗)的工作?希望可以收到写有具体,可靠,已经实践过了的路径的回答?
  • ¥15 Java+vue部署版本反编译
  • ¥100 对反编译和ai熟悉的开发者。
  • ¥15 带序列特征的多输出预测模型
  • ¥15 Python 如何安装 distutils模块
  • ¥15 关于#网络#的问题:网络是从楼上引一根网线下来,接了2台傻瓜交换机,也更换了ip还是不行
  • ¥15 资源泄露软件闪退怎么解决?