antd 的table td 超出部分隐藏并显示省略号 ，鼠标悬停显示内容

需求：描述内容过长时将超出部分隐藏并显示省略号，鼠标悬停查看全部信息

antd其实已经有解决方案了

{
    title: '描述',
    dataIndex: 'description',
    key: 'description',
    ellipsis: true // 最关键的一句！！！！！
},

也可以尝试以下方案：

columns = [
     { title: '描述', dataIndex: 'desc',key:"desc",
      onCell: () => {
        return {
          style: {
            maxWidth: 150,
            overflow: 'hidden',
            whiteSpace: 'nowrap',
            textOverflow:'ellipsis',
            cursor:'pointer'
          }
        }
      },
      render: (text) => <Tooltip placement="topLeft" title={text}>{text}</Tooltip>
    },       

原文链接：

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaocuizao/article/details/102906468

---

通过改方案成功解决问题，感谢博主！