就是文字太多,表格顯示不美觀的處理方法。
<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>
閱讀更多 我是一片海洋 的文章