React+antd table中的每列内容换行
Posted ygunoil
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React+antd table中的每列内容换行相关的知识,希望对你有一定的参考价值。
1,效果图如下
2,分隔数组split(",")
3,详细代码代码如下
const leadsDetails = this.props.leadsDetails; const audits = JSON.stringify(leadsDetails) !== ‘[]‘ ? leadsDetails.audits : []; const auditsColumns = [ { title: ‘创建时间‘, dataIndex: ‘created_at‘, key: ‘created_at‘, }, { title: ‘用户‘, dataIndex: ‘user‘, key: ‘user‘, }, { title: ‘内容‘, dataIndex: ‘content‘, key: ‘content‘, render: (text, record) =>{ let contentStr; let br=<br></br>; let result=null; for(let i=0;i<audits.length;i++){ let contentStr=audits[i].content; contentStr=text.toString().split(","); if(contentStr.length<2){ return text; } for(let j=0;j<contentStr.length;j++){ if(j==0){ result=contentStr[j]; }else{ result=<span>{result}{br}{contentStr[j]}</span>; } } return <div>{result}</div>; } }, },
————————————————
版权声明:本文为CSDN博主「小红同学5」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/xh_960125/article/details/89309547
以上是关于React+antd table中的每列内容换行的主要内容,如果未能解决你的问题,请参考以下文章
共享单车—— React后台管理系统开发手记:AntD Table基础表格