html导出excel换行,javascript导出excel或者csv如何让单元格内容换行?

本文介绍了如何在JavaScript中使用JSON数据创建CSV文件时,确保单元格内文本换行的方法。通过编码和a标签实现,重点展示了如何处理特殊字符如(char)10(换行符)以生成规范的表格。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

尝试过使用n,效果变成整行换行了,如何让某个单元格里的内容换行?

使用a标签方式将json导出csv文件

导出

function tableToExcel(){

//要导出的json数据

const jsonData = [

{

name:'路人甲',

phone:'123456789',

email:'000@123456.com'

},

{

name:'炮灰乙',

phone:'123456789',

email:'000@123456.com'

},

{

name:'土匪丙',

phone:'1234(char)10 56789',

email:'000@123456.com'

},

{

name:'流氓丁',

phone:'123456789',

email:'000@123456.com'

},

]

//列标题,逗号隔开,每一个逗号就是隔开一个单元格

let str = `姓名,电话,邮箱\n`;

//增加\t为了不让表格显示科学计数法或者其他格式

for(let i = 0 ; i < jsonData.length ; i++ ){

for(let item in jsonData[i]){

str+=`${jsonData[i][item] + '\t'},`;

}

str+='\n';

}

//encodeURIComponent解决中文乱码

let uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(str);

//通过创建a标签实现

let link = document.createElement("a");

link.href = uri;

//对下载的文件命名

link.download = "json数据表.csv";

document.body.appendChild(link);

link.click();

document.body.removeChild(link);

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值