sheetjs（XLSX）导出：样式问题

于 2024-07-15 10:22:47 发布
阅读量240 收藏 4
点赞数 6
文章标签： vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36851010/article/details/140431092
版权

项目中用到需要前端解析excel并展示出来，还要前端导出，一开始用luckysheet插件，刚开始挺好的，上传什么样，展示什么样，导出什么样，但是它只支持xlsx格式，并且对于大文件，渲染极其慢，中间也采用了前后端分离，让后台去解析返回json数据给前端，但是由于数据很大，前端渲染还是很慢！！！最后放弃了~

然后我用到了sheetjs，它支持xlsx，xls等格式，前端渲染对于大文件也很快~但界面没有luckysheet好看，无所谓了~，领导说只要实现功能即可~~~

但下载时又遇到一个问题：表格的单元格很小，而且对于很大的number也会使用科学计数法，自动四舍五入等，不能完全展示和原始文件相同数据，后来仔细查看文档，发现有个属性可以解决这个问题：如下图

需要把{cellStyles:true}这个属性，在读取和写入时都写上才可生效~~~~

至此完成需求~~~

Alisa前端菜鸟
关注
  • 6
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
简单使用SheetJS js-xlsx导入导出
Imurs_的博
10-23 1318
SheetJS js-xlsx git地址：https://github.com/SheetJS/sheetjs#sheetjs-js-xlsx 可以查看更详细的官方文档 如何导入读取Excel文件 先在页面中写一个导入文件的地方，以功能为目的，先不要在意样式 再写个文件处理完点击输出的小button 然后再引入xlsx，想用jquery再引一个这个库 <input type="file" id="file1"><br> <button style="margin-left:
sheetJs+xlsx-style——前端实现导出excel表格——设置单元格背景色，居中，自动换行，宽度，百分数展示等
qq_46416934的博客
08-02 4625
js之前写过一篇博客，是关于dom但是上面的并不能完全满足用户的需求，用户需要实现单元格内容换行、设置单元格背景色及单元格内容居中等功能。此时单纯的引入sheetJs是不能满足要求了，此时还需要一个xlsx-js的文件，专门用于处理sheetJs的样式问题。我从网上找了好久，终于找到了对应的文件。上面的地址内容超级详细，而且一步步的将内容引出并提供解决方案，这才是一篇好的技术博客，赞！！！直接上解决办法，有空的同学可以仔细阅读上面的博客链接。...
js导出excel样式不生效
qq_27227983的博客
01-19 969
js导出excel样式不生效。
sheetJs / xlsx-js-style 纯前端实现导出 excel 表格及自定义单元格样式
aibujin的博客
08-01 1万+
sheetJs / xlsx-js-style 纯前端实现导出 excel 表格及自定义单元格样式
SheetJS的通用电子表格对象简介和使用
qq_2511276124的博客
02-16 1756
“通用电子表格格式”（CSF）是SheetJS使用的对象模型。
Sheet.JS 使用-html版
benlalagang的博客
11-13 5083
在使用后台管理系统中用到了一些表格、想到将浏览器中的表格(table) 和excel/xlsx格式的文件、JSON数据格式的相互转换也是很常见的功能。 搜索了一下 Sheet.JS是很常用的一个工具
sheetjs xlsx 源码
07-13
SheetJS也提供了导出功能，允许用户自定义样式、公式和其他高级特性。例如，你可以使用 `XLSX.writeFile()` 导出带有样式的Excel文件。 ```javascript const ws_props = {!cols: [{wch: 10}, {wch: 30}]}; // 定义...
xlsx-js-style导出Demo,纯前端带样式导出表格数据
09-01
纯前端导出,xlsx.js只能导出不能携带样式，所以我们用了xlsx-js-style插件,可以实现带样式的前端导出表格,样式可自定义，表格背景颜色、字体颜色、表格行高、表格行宽等等都可以自行设置，导出速度快，实现可以自己...
可以修改样式的js-xlsx
05-21
可以导出并修改excel样式的前端excel库，已同步社区最新版。...由SheetJS出品的js-xlsx是一款非常方便的只需要纯JS即可读取和导出excel的工具库，功能强大，支持格式众多，遗憾的是无法修改导出表格的样式。
基于SheetJS以及XLSXStyle的纯前端带样式导出表格为Excel的工具包
08-12
基于SheetJS以及XLSX-Style的纯前端带样式导出表格为Excel的工具包
sheetjs js-xlsx
02-16
公司网络限制不能github下载，上传这里中转下，大家可以从官网下载
js-xlsx, SheetJS Community Edition电子表格分析器和编写器.zip
10-10
js-xlsx, SheetJS Community Edition电子表格分析器和编写器 js js各种电子表格格式的分析器和编写器。 纯js洁净室实现，从官方规范，相关文档和测试文件。 重点分析和编写健壮性。跨格式特征兼容性和统一的JS表示，以及 es3/es5浏览器兼容性回到 IE6.这是社区版本。 我们还提供了一个专
js前端下载并编辑Excel样式
12-26
js前端下载并编辑Excel样式js前端下载并编辑Excel样式js前端下载并编辑Excel样式
js 导出xlsx，xls，csv插件
01-06
综上所述，"js导出xlsx，xls，csv插件"是前端开发中非常实用的工具，能够帮助开发者快速实现数据导出功能，同时解决常见的导出问题。通过深入理解上述知识点，开发者可以更好地利用这类插件，提升用户体验。
exceljs库实现excel表样式定制化
最新发布
m0_45093055的博客
04-18 1077
exceljs实现导出exceljs样式定制化
前端知识分享——SheetJS 用法体验
sinat_43095140的博客
01-26 1万+
前端知识分享——SheetJS 用法体验 Write and share what I see and hear 使用SheetJS导出 Excel 表格 最近遇到一个很好用的前端导出Excel 表格的工具 – SheetJS 官方地址 github地址 官方提供了多种版本，自己做点小demo可以使用社区免费版本 使用方法 具体使用方法在官方文档中有很详细的说明，这里举个例子 安装 npm install xlsx 引入 import xlsx from 'xlsx' 使用 // 1. 创建一个工
xlsx.js设置Excel样式
热门推荐
花开富贵的博客
10-25 2万+
需求是这样的： 东西太多了，合并单元格，行高，列宽，边框样式，字体样式，合计啥的，直接上代码吧 export function exportExce({ header, //子表数据头信息 data, //子表数据 masterTable, //主表数据 foot, //页脚 filename, //文件名 autoWidth = true, bookTy...
js-xlsx 导出设置样式
05-15
可以使用 js-xlsx 库的 `write` 方法来导出 Excel 文件，并且可以使用 `wscols` 和 `wsrows` 属性来设置列宽和行高，但是该库不支持设置单元格样式，如果需要设置单元格样式，可以考虑使用其他的库，比如 ExcelJS。 以下是使用 js-xlsx 导出 Excel 文件并设置列宽和行高的示例代码： ```javascript const XLSX = require('xlsx'); const data = [ ['Name', 'Age', 'Gender'], ['John', 30, 'Male'], ['Jane', 25, 'Female'], ['Bob', 40, 'Male'] ]; const wscols = [ {wch: 10}, // set width of column A to 10 {wch: 5}, // set width of column B to 5 {wch: 10} // set width of column C to 10 ]; const wsrows = [ {hpt: 20}, // set height of row 1 to 20 points {hpt: 30}, // set height of row 2 to 30 points {hpt: 20}, // set height of row 3 to 20 points {hpt: 25} // set height of row 4 to 25 points ]; const ws = XLSX.utils.aoa_to_sheet(data); ws['!cols'] = wscols; ws['!rows'] = wsrows; const wb = XLSX.utils.book_new(); XLSX.utils.book_append_sheet(wb, ws, 'Sheet1'); XLSX.writeFile(wb, 'data.xlsx'); ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值