React antd 的table td 超出部分隐藏并显示省略号

就是文字太多,表格显示不美观的处理方法。

<code>//需求是描述内容过长时将超出部分隐藏并显示省略号,鼠标放上去可查看全部信息
columns = [
{ title: '描述', dataIndex: 'desc',key:"desc",
onCell: () => {
return {
style: {
maxWidth: 150,
overflow: 'hidden',
whiteSpace: 'nowrap',
textOverflow:'ellipsis',
cursor:'pointer'
}
}
},
render: (text) => <tooltip>{text}/<tooltip>
},
]

  render() {
    return(
      <table>        dataSource = {list}
        columns = {this.columns}
        loading = {loading}
      />
    )
  }

本人亲测,没有问题,有问题,可以留言,谢谢!

"/<table>/<code>


分享到:


相關文章: