React+antd table中的每列内容换行

绝地灬酷狼 2022-02-19 01:23 954阅读 1赞

1，效果图如下

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hoXzk2MDEyNQ_size_16_color_FFFFFF_t_70][]

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>;
     }
     },
    },

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hoXzk2MDEyNQ_size_16_color_FFFFFF_t_70]: /images/20220219/cefcefd4edc64126ab038254083cf4dd.png

发表评论取消回复

表情：

评论列表（有 0 条评论，954人围观）

还没有评论，来说两句吧...

相关阅读

相关动态定义table每行两列

function getDataTable() { var strs = ''; for(var i = 0; i < 6; i++)

深藏阁楼爱情的钟/ 2023年06月27日 11:27/ 0 赞/ 63 阅读

相关 table表格td内内容自动换行

项目开发时,遇到问题:td内传入数据,全是字母,不会自动换行一般字母数字/特殊符号的话,会被浏览器默认是一个字符串或者说一个单词,不会自动换行所以需要设置一下，让表格内

我不是女神ヾ/ 2022年12月30日 08:00/ 0 赞/ 230 阅读

相关 element table 组件内容换行

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTEy

分手后的思念是犯贱/ 2022年10月17日 04:07/ 0 赞/ 351 阅读

相关 table中td内容自动换行

网页开发过程中时常会遇到关于折行和不折行的问题。比如连续英文或符号时，即使定义了宽度，文本还是没法折行，因为没有字符、字母里间隔的话，会当成一个单词。所以按不能折行来解析。

古城微笑少年丶/ 2022年09月17日 06:14/ 0 赞/ 186 阅读

相关 HTML textarea中的内容如何换行？

在textarea中不支持HTML标签。不能使用标签进行换行。也不能使用`\r\n`这样的转义字符。要使Textarea中的内容换行，可以使用` `或者`

女爷i/ 2022年09月17日 03:09/ 0 赞/ 221 阅读

相关 DevExpress中实现相同数据行合并为一列展现且内容换行显示

一、实现效果 ![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAeGlhb2NoZW5YSU

ゞ浴缸里的玫瑰/ 2022年09月16日 03:57/ 0 赞/ 333 阅读

相关 jquery的table每列得到ID，jquery组装table

在html或jsp页面的Table这样写： <pre name="code" class="html"><table class="listtable" id = "

骑猪看日落/ 2022年08月18日 13:19/ 0 赞/ 152 阅读

相关 jquery获取table当前行的内容，table所有内容

<!DOCTYPE html> <html> <head> <meta charset="gb2312">

た入场券/ 2022年07月27日 14:43/ 0 赞/ 151 阅读

相关 React+antd table中的每列内容换行

1，效果图如下 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubm

绝地灬酷狼/ 2022年02月19日 01:23/ 1 赞/ 955 阅读

相关 HTML中内容自动换行

自动换行需要对标签元素写css样式 .content { width: 100%; height: auto;

旧城等待，/ 2021年09月26日 15:46/ 0 赞/ 456 阅读